[Bug]: TT3's design preview's style variations look cut in certain resolution

[fushar]

Quick summary

No response

Steps to reproduce

1. Open Calypso locally, or use staging/production with this flag: ?flags=themes/showcase-i4/details-and-preview
2. Open /theme/twentytwentythree (or /theme/twentytwentythree/{siteSlug} if logged in)
3. Click "Open live demo"
4. Resize the browser width slowly until you see the style variations move to the top of the screen

@Automattic/lego

What you expected to happen

The first style (Aubergine) is not cut

What actually happened

Only small part of the first style (Aubergine) is visible. There is no way to scroll to the left

Browser

No response

Context

No response

Platform (Simple, Atomic, or both?)

No response

Other notes

No response

Reproducibility

Consistent

Severity

None

Available workarounds?

None

Workaround details

No response

[cuemarie]

📌 ACTIONS

• Added to Dotcom Bug Prioritization Board > Lego during some bug sweeps

📌 Message to Author

• Went to scrub, but at the moment I don't see a way to view the styles in the Live Demo. Not sure if I'm misunderstanding the steps to replicate, or if this isn't available right now and that's why this is backlogged.
• If you'd like me to triage at any point, feel free to ping me!

[taipeicoder]

Fixed via #77333