Fix the button component styles when used with a dashicon (#29614)

WordPress · Mar 10, 2021 · 732730f · 732730f
1 parent e6b72e0
commit 732730f
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/components/src/button/style.scss b/packages/components/src/button/style.scss
@@ -299,7 +299,7 @@
 			display: inline-block;
 			flex: 0 0 auto;
 			margin-left: 2px;
-			margin-right: 10px;
+			margin-right: 2px;
 		}
 
 		&.has-text {
@@ -309,6 +309,10 @@
 		&.has-text svg {
 			margin-right: 8px;
 		}
+
+		&.has-text .dashicon {
+			margin-right: 10px;
+		}
 	}
 
 	// Toggled style.