Button Block: Apply Stretch Styles Correctly (WordPress#64770)

Unlinked contributors: joecsmalley. Co-authored-by: t-hamano <[email protected]> Co-authored-by: tellthemachines <[email protected]> Co-authored-by: jasmussen <[email protected]> Co-authored-by: ethanclevenger91 <[email protected]> Co-authored-by: jordesign <[email protected]> Co-authored-by: jennydupuy <[email protected]>
MaxMood96 · Oct 25, 2024 · 2036d7e · 2036d7e
1 parent 7dbe0be
commit 2036d7e
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/block-library/src/button/style.scss b/packages/block-library/src/button/style.scss
@@ -9,6 +9,9 @@ $blocks-block__margin: 0.5em;
 	text-align: center;
 	word-break: break-word; // overflow-wrap doesn't work well if a link is wrapped in the div, so use word-break here.
 	box-sizing: border-box;
+	height: 100%;
+	width: 100%;
+	align-content: center;
 
 	&.aligncenter {
 		text-align: center;