Newsletter Preview: Button Misalignment when WooCommerce Installed

[bobmatyas]

Impacted plugin

Jetpack

Quick summary

When WooCommerce is activated, there is a conflict between the CSS included with Jetpack and WooCommerce, resulting in the "Send test email" modal having an alignment issue.

Steps to reproduce

1. Add WooCommerce to a Jetpack site
2. In the post preview panel under "Newsletters: All Subscribers", click the "Send test email"
3. See the button and form

A clear and concise description of what you expected to happen.

The button input should be aligned. I think this could be fixed with a more specific CSS selector:

What actually happened

Impact

Some (< 50%)

Available workarounds?

Yes, difficult to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

Tested on Jetpack 12.9-a.11 on Pressable

[github-actions[bot]]

This issue has been marked as stale. This happened because:

• It has been inactive for the past 6 months.
• It hasn’t been labeled `[Pri] BLOCKER`, `[Pri] High`, `[Type] Feature Request`, `[Type] Enhancement`, `[Type] Janitorial`, `Good For Community`, `[Type] Good First Bug`, etc.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.