[Bug]: Sidebar doesn't wrap which hides the "Run tests" and "Settings" buttons

[domyen]

Describe the bug

The sidebar isn’t allowing the items within it to wrap. When I shrink the sidebar width, at a certain point the items no longer wrap and their right hand side gets cutoff.

This is a problem because:

1. You can't see settings or run tests button
2. You can't see story status badges

Repro from Chromatic’s own Storybook today.

Reproduction link

https://59c59bd0183bd100364e1d57-xclhbxlsoy.chromatic.com/

Reproduction steps

1. Drag the sidebar left and right and see that the items don't wrap correctly

System

This is reproducible using a published Storybook in your browser

Additional context

No response

[H0onnn]

@domyen @vanessayuenn Hello ! I would like to solve this problem. Can you assign it to me ?

[vanessayuenn]

@H0onnn we don't reserve "good first issues", so feel free to just open a PR for this issue. Be sure to check the contribution guide and hop onto the Storybook Discord if you need any help getting started. Looking forward to your contribution! ✨

[H0onnn]

Hello ! I'd like to get some help on this issue. I don't have this problem in my local dev environment and in the Storybook environment deployed with chromatic. Where can I find the problem?

[vanessayuenn]

@H0onnn This seems to only happen when there are composed Storybooks. Made you a new repro: https://stackblitz.com/edit/github-qngcps?file=README.md!