From d6ae510af9a1cf575863836d7dafb20aa4fc640c Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 10 Oct 2023 12:20:46 +0100
Subject: [PATCH] Clean IconButton

---
 .../components/mobile/navigation/MobileNavigation.tsx  | 10 ++--------
 1 file changed, 2 insertions(+), 8 deletions(-)

diff --git a/code/ui/manager/src/components/mobile/navigation/MobileNavigation.tsx b/code/ui/manager/src/components/mobile/navigation/MobileNavigation.tsx
index 0d12722630c9..97387b873f24 100644
--- a/code/ui/manager/src/components/mobile/navigation/MobileNavigation.tsx
+++ b/code/ui/manager/src/components/mobile/navigation/MobileNavigation.tsx
@@ -46,9 +46,9 @@ export const MobileNavigation: FC<MobileNavigationProps> = ({ menu, panel, showP
         <Text>{fullStoryName}</Text>
       </Button>
       {showPanel && (
-        <DrawerIconButton onClick={() => setMobilePanelOpen(true)} title="Open addon panel">
+        <IconButton onClick={() => setMobilePanelOpen(true)} title="Open addon panel">
           <Icons icon="bottombartoggle" />
-        </DrawerIconButton>
+        </IconButton>
       )}
     </Container>
   );
@@ -69,12 +69,6 @@ const Container = styled.div(({ theme }) => ({
   color: theme.color.mediumdark,
 }));
 
-// We should not have to reset the margin-top here
-// TODO: remove this once we have a the new IconButton component
-const DrawerIconButton = styled(IconButton)({
-  marginTop: 0,
-});
-
 const Button = styled.button(({ theme }) => ({
   all: 'unset',
   display: 'flex',