From fd91cd17712968116e6cff8567453687a2f7cdc1 Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.io>
Date: Mon, 22 Jan 2024 16:26:25 +0400
Subject: [PATCH] fix: don't use kebab-case for properties (#5979)

These are apparently unsupported in css objects and using the camelCased (or PascalCased) versions was the suggested fix.
---
 .../ConstraintAccordionView/ConstraintAccordionView.tsx     | 6 +++---
 .../ConstraintAccordionView/ConstraintAccordionView.tsx     | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

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}`,