From d0025f5cfb15bd14804d343223bcf2198e6a9ddb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B8rn-Erik=20Strand?= <bjoern.erik.strand@gmail.com>
Date: Tue, 25 Feb 2025 14:12:43 +0100
Subject: [PATCH] Move styling for dropdown button to makeStyles as
 dropdownButton class
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Bjørn-Erik Strand <bjoern.erik.strand@gmail.com>
---
 .../src/layout/Sidebar/SidebarSubmenuItem.tsx            | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx b/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx
index 647c4b22fe..ffc96e390a 100644
--- a/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx
+++ b/packages/core-components/src/layout/Sidebar/SidebarSubmenuItem.tsx
@@ -100,6 +100,10 @@ const useStyles = makeStyles(
         color: theme.palette.navigation.selectedColor,
       },
     },
+    dropdownButton: {
+      textTransform: 'none',
+      justifyContent: 'flex-start',
+    },
     textContent: {
       color: theme.palette.navigation.color,
       paddingLeft: theme.spacing(4),
@@ -183,12 +187,9 @@ export const SidebarSubmenuItem = (props: SidebarSubmenuItemProps) => {
             onTouchStart={e => e.stopPropagation()}
             className={classnames(
               classes.item,
+              classes.dropdownButton,
               isActive ? classes.selected : undefined,
             )}
-            style={{
-              textTransform: 'none',
-              justifyContent: 'flex-start',
-            }}
           >
             {Icon && <Icon fontSize="small" />}
             <Typography