Canvas/docs content on small viewport mobile devices scrolls horizontally because it's not responsive

[RVMendoza]

Describe the bug
Content is not responsive on things smaller than devices smaller than iPhoneX. Canvas/docs content on small viewport mobile devices scrolls horizontally.

To Reproduce
Steps to reproduce the behavior:

1. Go to Storybook's Icon Page on an iPhone5 device. (Not desktop browser virtualization)
2. Click on Canvas
3. See how content doesn't adjust well responsively
4. Check other components like Highlight or Icon

Expected behavior
Content should be responsive, and horizontal scrolling content should be reserved for tables.

Screenshots

System:
Recreatable on current Storybook's Implementation of Storybook and Spark Design System.
IPhone5 SE (Screen Size 640 x 1136 )

Additional context
Seems to be most severe on anything smaller than iPhone X
Problem is not as severe on a desktop browser made

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[stale]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!