diff --git a/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx b/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx
index eb7558d1e6d..8bba52a7f37 100644
--- a/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx
+++ b/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx
@@ -109,6 +109,7 @@ const getStyles = (theme: GrafanaTheme2) => {
       justifyContent: 'space-between',
       width: '100%',
       paddingLeft: theme.spacing(0.5),
+      gap: '15px 25px',
     }),
     section: css({
       display: 'flex',
@@ -116,6 +117,7 @@ const getStyles = (theme: GrafanaTheme2) => {
     sectionRight: css({
       justifyContent: 'flex-end',
       flexGrow: 1,
+      flexBasis: '50%',
     }),
   };
 };