Offer looks wrong on the storefront

1. Is your theme's CSS overriding the block?

Themes ship broad global rules that can win over the app's styling. Add a more specific rule in Design → Custom CSS Settings, using !important only if you have to.

See Custom CSS.

2. Check the layout setting

Squeezed tiers usually mean the horizontal layout with too many of them. Switch to Vertical on the Bundle Settings tab and look again.

See Choose a layout.

3. Hard-refresh

Press Ctrl/Cmd + Shift + R, or open the page in an incognito window. Stale CSS is a common false alarm after a design change.

4. Remember what the preview is

The editor preview is a close approximation, not a render inside your theme. Fonts inherit from your theme on the real page, so text can sit slightly differently. Always judge the final look on a real product page.

5. Two variant pickers

If the page shows your theme's variant picker and the bundle's, turn on Hide theme variant picker in Advanced Settings → Variants.

6. Text overflowing a tier

Horizontal tiers are narrow. Shorten titles to two or three words, move the detail into the subtitle or label, or switch to the vertical layout.

7. Prices look odd

• Ending in awkward decimals → turn on Price rounding.
• Showing cents you don't want → turn on Show prices without decimals.
• Theme price not matching the selected tier → turn on Update theme product price.

See Pricing settings.