From 4337e358678a70f331a7f1604f89362bfd96e3b4 Mon Sep 17 00:00:00 2001 From: Sneha Patil <90276347+snehapatil2001@users.noreply.github.com> Date: Fri, 22 Nov 2024 21:21:38 +0530 Subject: [PATCH] Resolve search block button text overlapping issue. (#66868) * chore: fix styling. * chore: style changes. Co-authored-by: snehapatil2001 Co-authored-by: gziolo Co-authored-by: viralsampat-multidots --- packages/block-library/src/search/style.scss | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/packages/block-library/src/search/style.scss b/packages/block-library/src/search/style.scss index eb8e3051bada8..e61fdaea0e643 100644 --- 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 {