From 709e5a2896ea4c626d8563f30f95c4802fa7d4a8 Mon Sep 17 00:00:00 2001
From: Robert Elliott <robert.elliott@automattic.com>
Date: Tue, 4 Sep 2018 15:18:15 +0200
Subject: [PATCH] header legend hover styling

---
 .../woocommerce-admin/client/components/chart/style.scss    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/plugins/woocommerce-admin/client/components/chart/style.scss b/plugins/woocommerce-admin/client/components/chart/style.scss
index fbcc93abbfe..dc9a59e05b2 100644
--- a/plugins/woocommerce-admin/client/components/chart/style.scss
+++ b/plugins/woocommerce-admin/client/components/chart/style.scss
@@ -25,6 +25,7 @@
 			font-weight: 600;
 			line-height: 18px;
 			margin-left: $gap;
+			margin-right: $gap;
 		}
 	}
 
@@ -223,9 +224,12 @@
 		flex-direction: row;
 
 		li {
-			margin: 0 0 0 30px;
+			padding: 0;
+			margin: 0;
 
 			button {
+				padding: 0 17px;
+
 				.woocommerce-legend__item-container {
 					height: 50px;
 					align-items: center;