diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
index d66cfd2eb3..5bb0e74d42 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
@@ -47,9 +47,9 @@ const StyledAccordionSummary = styled(AccordionSummary)(({ theme }) => ({
         },
     },
     userSelect: 'auto',
-    '-webkit-user-select': 'auto',
-    '-moz-user-select': 'auto',
-    '-ms-user-select': 'auto',
+    WebkitUserSelect: 'auto',
+    MozUserSelect: 'auto',
+    MsUserSelect: 'auto',
 }));
 const StyledAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
     borderTop: `1px dashed ${theme.palette.divider}`,
diff --git a/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx b/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
index d66cfd2eb3..5bb0e74d42 100644
--- a/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
+++ b/frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx
@@ -47,9 +47,9 @@ const StyledAccordionSummary = styled(AccordionSummary)(({ theme }) => ({
         },
     },
     userSelect: 'auto',
-    '-webkit-user-select': 'auto',
-    '-moz-user-select': 'auto',
-    '-ms-user-select': 'auto',
+    WebkitUserSelect: 'auto',
+    MozUserSelect: 'auto',
+    MsUserSelect: 'auto',
 }));
 const StyledAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
     borderTop: `1px dashed ${theme.palette.divider}`,