From 355fd2d56c0ed0e4e3b83adc252ba81aa48665f7 Mon Sep 17 00:00:00 2001
From: jasmussen <joen@automattic.com>
Date: Tue, 19 Apr 2022 11:20:54 +0200
Subject: [PATCH] Fix block toolbar text button padding.

---
 packages/components/src/toolbar-group/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/src/toolbar-group/style.scss b/packages/components/src/toolbar-group/style.scss
index 347118385aba4f..cf055791271ae6 100644
--- a/packages/components/src/toolbar-group/style.scss
+++ b/packages/components/src/toolbar-group/style.scss
@@ -18,7 +18,7 @@
 
 	// Size multiple sequential buttons to be optically balanced.
 	// Icons are 36px, as set by a 24px icon and 12px padding.
-	.components-button,
+	.components-button.components-button, // This needs specificity to override padding values inherited from the button component.
 	.components-button.has-icon.has-icon {
 		min-width: $block-toolbar-height - $grid-unit-15;
 		padding-left: $grid-unit-15 * 0.5; // 6px.