From ccb2be5962ef3e3f5e37741d2fd00901aa4784c6 Mon Sep 17 00:00:00 2001
From: Sven Grossmann <sven.grossmann@grafana.com>
Date: Mon, 16 Dec 2024 12:58:36 +0100
Subject: [PATCH] Menu: Change left/right padding to `12px` (#97033)

* Menu: Change left/right padding to `12px`

* add border radius

* fix wrong rebase
---
 packages/grafana-ui/src/components/Menu/MenuItem.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/grafana-ui/src/components/Menu/MenuItem.tsx b/packages/grafana-ui/src/components/Menu/MenuItem.tsx
index 31e46fd5580..c2a4654113a 100644
--- a/packages/grafana-ui/src/components/Menu/MenuItem.tsx
+++ b/packages/grafana-ui/src/components/Menu/MenuItem.tsx
@@ -222,8 +222,9 @@ const getStyles = (theme: GrafanaTheme2) => {
       flexDirection: 'column',
       alignItems: 'stretch',
       justifyContent: 'center',
-      padding: theme.spacing(0.5, 2),
+      padding: theme.spacing(0.5, 1.5),
       minHeight: theme.spacing(4),
+      borderRadius: theme.shape.radius.default,
       margin: 0,
       border: 'none',
       width: '100%',