Current Behavior:
The frontend is showing a unnecessary horizontal scrollbar when a section inside a table is expanded. The scrollbar scrolls only a few pixels, which is unnecessary because all of the content fits on the screen.

Steps to Reproduce:
Go to some place where a section in a table is expandable, which is a common pattern on many views of the frontend. Expand it, scroll down and search the horizontal scrollbar. Places to go:
- Administration, Notifications, Alerts. Then expand an alert in the list.
- Project, Audit Vurnerabilities. Then expand a vurnerability in the list, the scrollbar will show up on the bottom of the screen.
- And other places with same ui pattern.
Expected Behavior:
The frontend should not show a horizontal scrollbar until it's necessary.
Environment:
- Dependency-Track Version: v4.6.0-SNAPSHOT (frontend master)
- Client Browser: Chrome 105, Firefox 104
- Client O/S: Windows 11
Additional Details:
Because of the styling this defect can be seen most clearly on Chrome, but happens on Firefox as well. I haven't test it on Safari.
Current Behavior:
The frontend is showing a unnecessary horizontal scrollbar when a section inside a table is expanded. The scrollbar scrolls only a few pixels, which is unnecessary because all of the content fits on the screen.
Steps to Reproduce:
Go to some place where a section in a table is expandable, which is a common pattern on many views of the frontend. Expand it, scroll down and search the horizontal scrollbar. Places to go:
Expected Behavior:
The frontend should not show a horizontal scrollbar until it's necessary.
Environment:
Additional Details:
Because of the styling this defect can be seen most clearly on Chrome, but happens on Firefox as well. I haven't test it on Safari.