Legend: Fixes right y-axis legend from being pushed outside the bounds of the panel (#30327)

packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx

@@ -73,14 +73,14 @@ const getStyles = (theme: GrafanaTheme) => ({
     margin-bottom: ${theme.spacing.xs};
     margin-bottom: ${theme.spacing.xs};
   `,
   `,
   rightWrapper: css`
   rightWrapper: css`
-    margin-left: ${theme.spacing.sm};
+    padding-left: ${theme.spacing.sm};
   `,
   `,
   bottomWrapper: css`
   bottomWrapper: css`
     display: flex;
     display: flex;
     flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: space-between;
     justify-content: space-between;
     width: 100%;
     width: 100%;
-    margin-left: ${theme.spacing.md};
+    padding-left: ${theme.spacing.md};
   `,
   `,
   section: css`
   section: css`
     display: flex;
     display: flex;