From 002ef5e8be4b0b52875bb0f9a163d63e703f6aeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.org>
Date: Sat, 16 Jan 2021 14:09:05 +0100
Subject: [PATCH] Legend: Fixes right y-axis legend from being pushed outside
 the bounds of the panel (#30327)

---
 .../grafana-ui/src/components/VizLegend/VizLegendList.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx b/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx
index 2f1786368af..d920eaa2ac1 100644
--- a/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx
+++ b/packages/grafana-ui/src/components/VizLegend/VizLegendList.tsx
@@ -73,14 +73,14 @@ const getStyles = (theme: GrafanaTheme) => ({
     margin-bottom: ${theme.spacing.xs};
   `,
   rightWrapper: css`
-    margin-left: ${theme.spacing.sm};
+    padding-left: ${theme.spacing.sm};
   `,
   bottomWrapper: css`
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     width: 100%;
-    margin-left: ${theme.spacing.md};
+    padding-left: ${theme.spacing.md};
   `,
   section: css`
     display: flex;