Blog Post "Email Newsletter" CTA & Email Input aren't aligned

[kimclowa8c]

Quick summary

At the bottom of every blog post, there is a call to action to subscribe to our Email Newsletter. The input field and the button aren't the same height.

Steps to reproduce

Click on any blog post, and scroll to the end of the post (before the comments). Here are some links as examples:

• https://wordpress.com/blog/2023/03/20/sell-courses-and-create-interactive-content-on-wordpress-com/
• https://wordpress.com/blog/2023/03/14/a-social-experience-with-your-domain/

What you expected to happen

I expected the button to be the same height as the input field.

What actually happened

The button is a few pixels higher than the input field.

Impact

All

Available workarounds?

There is no user impact

Platform (Simple and/or Atomic)

No response

Logs or notes

Broswer: Chrome Version 111.0.5563.64 (Official Build) (arm64) Macbook info:

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on WordPress.com/blog – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

• Seems like it's stemming from the combination of font size and padding on the button:

Screenshots/Recordings

📌 ACTIONS

• Assigned to MarTech
• Also shared here: p1681327740443339-slack-C042CJ2NH