"search button" CSS `max_width` doesn't work well with TT4

[jobthomas]

Description

The search button in a header menu of TT4 isn't working as expected calc(100% - 100px) is overriding a nice button look. See screenshots.

Step-by-step reproduction instructions

1. Add search link to TT4 header menu.
2. Select "display button only"

Both with "search" as button text or the search icon, there's max width CSS that is overriding what it should be.

Screenshots, screen recording, code snippet

Environment info

Note: I've searched the repo for open issues with "search button" but nothing evident popped up as a duplicate. Sorry if it is one.

Tested on https://thomas.mystagingwebsite.com/ without other plugins activated. After reactivating them, the same could be reproduced with the Woo search products button. cc @nerrad

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[jobthomas]

Originally reported here in the TT4 repo: WordPress/twentytwentyfour#727

[graylaurenm]

I am also experiencing this in a theme with no customizations to the search block. I'm unable to determine the original purpose of that max-width definition, as the search bar seems to fully function as expected for me without it.

[yankiara]

Hi all,
I confirm I have the same issue when building an FSE theme from scratch.

[coderGtm]

I am not able to reproduce this issue in the latest version of Gutenberg. Also, the indicated code seems fixed to me as apparent in the Inspect panel of the screenshot: