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',