diff --git a/packages/grafana-ui/src/components/Menu/Menu.tsx b/packages/grafana-ui/src/components/Menu/Menu.tsx
index c3b905e5117..8d9e794e535 100644
--- a/packages/grafana-ui/src/components/Menu/Menu.tsx
+++ b/packages/grafana-ui/src/components/Menu/Menu.tsx
@@ -40,7 +40,7 @@ const MenuComp = React.forwardRef<HTMLDivElement, MenuProps>(
         boxShadow="z3"
         display="inline-block"
         onKeyDown={handleKeys}
-        paddingX={0}
+        paddingX={0.5}
         paddingY={0.5}
         ref={localRef}
         role="menu"
@@ -73,10 +73,11 @@ export const Menu = Object.assign(MenuComp, {
 const getStyles = (theme: GrafanaTheme2) => {
   return {
     header: css({
-      padding: theme.spacing(0.5, 1, 1, 1),
+      padding: theme.spacing(0.5, 0.5, 1, 0.5),
     }),
     headerBorder: css({
       borderBottom: `1px solid ${theme.colors.border.weak}`,
+      marginBottom: theme.spacing(0.5),
     }),
   };
 };
diff --git a/packages/grafana-ui/src/components/Menu/SubMenu.tsx b/packages/grafana-ui/src/components/Menu/SubMenu.tsx
index 696a71c9a75..af6bdd23e7c 100644
--- a/packages/grafana-ui/src/components/Menu/SubMenu.tsx
+++ b/packages/grafana-ui/src/components/Menu/SubMenu.tsx
@@ -78,6 +78,7 @@ const getStyles = (theme: GrafanaTheme2) => {
     }),
     itemsWrapper: css({
       background: theme.colors.background.primary,
+      padding: theme.spacing(0.5),
       boxShadow: theme.shadows.z3,
       display: 'inline-block',
       borderRadius: theme.shape.radius.default,