Skip to content

Conversation

@emphor11
Copy link

Fix Storybook Docs Args table overflow on mobile
What does this PR do?

Fixes a mobile layout issue in Storybook Docs where the Args/Props table overflows the viewport, causing the entire Docs page to scroll horizontally.

On small screens, long type definitions and controls force the table width beyond the viewport, breaking the mobile experience.

How is it fixed?

Wraps Storybook Docs content in a scoped container

Applies a mobile-only horizontal overflow rule so only the Args table scrolls

Keeps desktop layout and dark mode behavior unchanged

Why this change is needed

Prevents page-level horizontal scrolling on mobile

Improves readability and usability of Docs on small screens

Maintains backward compatibility with existing Storybook setup

Testing

Ran Storybook locally using yarn storybook

Verified behavior on mobile viewport (~375px width)

Confirmed no visual regression on desktop

Verified dark mode still works correctly

@changeset-bot
Copy link

changeset-bot bot commented Dec 31, 2025

⚠️ No Changeset found

Latest commit: f74c568

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@CLAassistant
Copy link

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.


Daksh Yadav seems not to be a GitHub user. You need a GitHub account to be able to sign the CLA. If you have already a GitHub account, please add the email address used for this commit to your account.
You have signed the CLA already but the status is still pending? Let us recheck it.

@emphor11
Copy link
Author

emphor11 commented Jan 1, 2026

Hi! I’ve signed the CLA and added my commit email to my GitHub account.
Please let me know if anything else is needed from my side.
Thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants