Chore: Refine side nav item layout (#112824)

adjust padding of sidebar menu items
2025-10-23 08:53:09 -04:00
parent 4e296fa9ec
commit 4ff6919731
1 changed files with 2 additions and 1 deletions
@@ -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,