Resolve search block button text overlapping issue. (#66868)

* chore: fix styling. * chore: style changes. Co-authored-by: snehapatil2001 <[email protected]> Co-authored-by: gziolo <[email protected]> Co-authored-by: viralsampat-multidots <[email protected]>
WordPress · Nov 22, 2024 · 4337e35 · 4337e35
1 parent 96f6338
commit 4337e35
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/packages/block-library/src/search/style.scss b/packages/block-library/src/search/style.scss
@@ -58,11 +58,9 @@ $button-spacing-y: math.div($grid-unit-15, 2); // 6px
 		// Prevent unintended text wrapping.
 		flex-shrink: 0;
 		max-width: 100%;
-	}
-
-	// Ensure minimum input field width in small viewports.
-	.wp-block-search__button[aria-expanded="true"] {
-		max-width: calc(100% - 100px);
+		box-sizing: border-box;
+		display: flex;
+		justify-content: center;
 	}
 
 	.wp-block-search__inside-wrapper {