[Bug]: a11y addon scrollbars and completed text overlays highlight checkboxes

[WesselKroos]

Describe the bug

1. When the a11y addon panel has a scrollbar it overlays the highlight checkboxes which prevents you from clicking on a highlight checkbox.

2. I also have the same issue with the "Tests completed" text that overlays the text and highlight checkbox of the last result when the panel is docked to the right:
   

To Reproduce

1. Open the a11y's Accessibility panel
2. Lower the panel height to make it vertically scrollable
3. Hover your mouse over a highlight checkbox
4. A scrollbar appears which prevents you from clicking on the highlight checkbox

System

`npx storybook@latest info` hung after displaying the text "Storybook Environment Info:".

Additional context

It seems to be caused by the min-width css property on the ::before element of the scrollbar. (And I think the min-height on the ::before causes similar issues.)

The second issue can possibly be resolved by adding a padding-bottom to the scrollable content to acommodate for the "Tests completed" text.

[shilman]

@cdedreuille is this something you can take a look at? i was easily able to reproduce

[syedbarimanjan]

@shilman is this still open can I work on if yes please guide me on where to start.

[cdedreuille]

I can take this one on but if you want to give it a try @syedbarimanjan please do. I can assist if you have any issues.

[syedbarimanjan]

I can take this one on but if you want to give it a try @syedbarimanjan please do. I can assist if you have any issues.

thanks alot i will start working on it and wont hesitate to ask for help.