Apple Pay Dynamic Checkout Button Too Narrow - Text Looks Squished

Topic summary

  • Main issue: The Apple Pay dynamic checkout button renders too narrow on a Shopify store, causing the button text to appear squished with incorrect spacing.

  • Attempts so far: The store owner tried custom CSS adjustments but couldn’t resolve the layout problem.

  • Evidence: A screenshot is attached showing the narrow button and cramped text (image central to understanding the visual defect).

  • Community feedback: One responder suspects a theme-related error rather than simple CSS and asks whether any CSS changes were made by the store owner.

  • Status: No fix yet; no concrete steps or solutions confirmed.

  • Open questions: Which theme is being used, what specific CSS modifications were applied, and whether the issue persists after reverting custom CSS or testing an unmodified/default theme.

  • Outcome: Discussion remains open pending more information from the original poster.

Summarized with AI on December 16. AI used: gpt-5.

Hi everyone,

I’m having an issue with the Apple Pay dynamic checkout button on my store. The button appears too narrow, causing the text to look squished and not properly spaced. I’ve tried adjusting the CSS myself, but unfortunately, I haven’t been able to fix it.

Any help or guidance would be greatly appreciated!

Thank you in advance.

This looks like a theme error. Have you made any CSS changes yourself?