diff --git a/src/components/Menubar/MobileMenuBar.tsx b/src/components/Menubar/MobileMenuBar.tsx
index 81a8d5f..b6d62b2 100644
--- a/src/components/Menubar/MobileMenuBar.tsx
+++ b/src/components/Menubar/MobileMenuBar.tsx
@@ -53,6 +53,7 @@ export const MobileMenubar: React.FC<MobileMenubarProps> = ({
           <IconButton
             onClick={onOpenSidebar}
             aria-label={t('menubar.toggleSidebar')}
+            sx={{ mr: 2 }}
           >
             <MenuIcon />
           </IconButton>
diff --git a/src/components/Menubar/components/SmallNavigationControls.tsx b/src/components/Menubar/components/SmallNavigationControls.tsx
index e33c64a..966758e 100644
--- a/src/components/Menubar/components/SmallNavigationControls.tsx
+++ b/src/components/Menubar/components/SmallNavigationControls.tsx
@@ -11,13 +11,13 @@ export const SmallNavigationControls: React.FC<{
 
   return (
     <div className="navigation-controls">
-      <Stack direction="row">
+      <Stack direction="row" spacing={1.25}>
         <IconButton
           onClick={() => onNavigate('prev')}
           aria-label={t('menubar.prev')}
           title={t('menubar.prev')}
         >
-          <ChevronLeftIcon sx={{ height: 20 }} />
+          <ChevronLeftIcon sx={{ height: 30 }} />
         </IconButton>
         <IconButton
           color="primary"
@@ -36,7 +36,7 @@ export const SmallNavigationControls: React.FC<{
           aria-label={t('menubar.next')}
           title={t('menubar.next')}
         >
-          <ChevronRightIcon sx={{ height: 20 }} />
+          <ChevronRightIcon sx={{ height: 30 }} />
         </IconButton>
       </Stack>
     </div>