diff --git a/public/app/core/components/AppChrome/MegaMenu/MegaMenuItem.tsx b/public/app/core/components/AppChrome/MegaMenu/MegaMenuItem.tsx
index 4c8afa5671f..a3e56e4a3a8 100644
--- a/public/app/core/components/AppChrome/MegaMenu/MegaMenuItem.tsx
+++ b/public/app/core/components/AppChrome/MegaMenu/MegaMenuItem.tsx
@@ -175,7 +175,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
   menuItem: css({
     display: 'flex',
     alignItems: 'center',
-    gap: theme.spacing(1),
+    gap: theme.spacing(0.5),
     height: theme.spacing(4),
     paddingLeft: theme.spacing(0.5),
     position: 'relative',
@@ -221,6 +221,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
   }),
   labelWrapperWithIcon: css({
     paddingLeft: theme.spacing(0.5),
+    gap: theme.spacing(0.5),
   }),
   hasActiveChild: css({
     color: theme.colors.text.primary,