Search block design inconsistency

[viralsampat-multidots]

Description

Hello Team,

I have reviewed the "Search Block" and found design consistent issue, When we change button position to "Button only", there is no gap between the search (or search icon) button and the input field. It looks inconsistent.

Here, I have provided its screenshots:

Editor: Front-end:

Step-by-step reproduction instructions

• Add the Search block.
• Choose the button position to "Button only" option
• Update and visit the page.
• Click on the Search button.

Screenshots, screen recording, code snippet

No response

Environment info

• Device: Macbook M1
• OS: 15.0 (24A335)
• Browser: Google Chrome
• Version 128.0.6613.138 (Official Build) (arm64)
• WordPress version: 6.6.2 running, Gutenberg 19.2.0 , Theme active: Twenty Twenty-Five, Twenty-twenty four.

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

• [X] Yes

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

• [X] Yes

[ndiego]

Yes, I can confirm. We could improve the default styling here.