Twenty Fourteen :- The Search block design appears misaligned when the button inside is enabled.

[nidhidhandhukiya]

Steps to reproduce the issue :-

1. Activate Twenty Fourteen theme.
2. Choose Search block.
3. Now use Button inside.

Now check in editor and front end, the design appears correct in the editor but is visually inconsistent on the front end when the button is enabled.

[nidhidhandhukiya]

Before Patch Design

[nidhidhandhukiya]

After Patch Design

[abcd95]

Hi @nidhidhandhukiya,

This is what it looks like to me when I follow the mentioned steps -

Editor - ​https://ibb.co/x0VVSgB
Frontend - ​https://ibb.co/HDfv5L5t

There sure is an inconsistency, but it looks different than the images you shared.

Environment

• WordPress: 6.9-alpha-60093-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.4.4 / Client: mysqlnd 8.2.25)
• Browser: Chrome 135.0.0.0
• OS: macOS
• Theme: Twenty Fourteen 4.2

[Subrata Deb Nath]

Editor - ​https://postimg.cc/qgNLmRxD
Frontend - ​https://postimg.cc/Cd949gvh

Environment

PHP: 8.0
WordPress: 6.7.1
Database: MySQL (Server: 5.7.28)
Browser: Chrome 124.0.0.0
Active Plugins: None
Theme: Twenty Fourteen 4.2

Actual Results:

✅ There is an inconsistency