Jetpack AI Search button responsive styling

[cagrimmett]

Impacted plugin

Jetpack

Quick summary

The Ask button in the Jetpack AI Search needs style changes on mobile. The text currently flows outside of the button on mobile. The fix is adding white-space: nowrap; to .jetpack-ai-chat-question-button

I reproduced the issue and the fix on two separate themes on different hosts.

Steps to reproduce

Load the Jetpack AI Search block on a page. View that page on mobile. See the text flowing outside of the button.

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

The Ask button should look the same on desktop and mobile.

What actually happened

The Ask button text flows outside of the button.

Impact

All

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

Self-hosted

Logs or notes

The fix is adding white-space: nowrap; to .jetpack-ai-chat-question-button

[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.

[monsieur-z]

The button now looks the same on mobile and desktop, with either a short or long label. Closing.