Unnecessary scrollbars in Admin pages [Firefox]

[RoboMagus]

Describe the bug
I've noticed a minor UI bug in Firefox; the admin pages often contain unnecessary scrollbars. This is only reproducible in Firefox it seems. (Further digging & potential solution in Additional Context)

To Reproduce
Steps to reproduce the behavior:

1. Open the Admin dashboard overview page in Firefox browser.
2. Compare against same page in any chromium based browser.

Expected behavior
No scrollbars when not necessary.

Screenshots
Firefox:

Chrome:

Logs
N/a

Version and Deployment (please complete the following information):

• authentik version: 2024.8.4
• Deployment: docker-compose

Additional context
After looking at the CSS for the Admin page, it seems to occur on elements of the .pf-c-card__body class which sets overflow-x: scroll;.
As Firefox has poor support for ::-webkit-scrollbar it will not use the custom scrollbar styling defined in authentik.css.

Not sure if this would be the proper way of fixing this, but setting the overflow to auto seems to resolve the issue. Perhaps conditionally by checking if the browser supports webkit-scrollbar.

Alternatively standardized scrollbar styling could be used as noted by the webkit-scrollbar dev pages.

[authentik-automation]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[RoboMagus]

As I prefer using Firefox lately I'll see if I can make the required changes and open up a PR to fix this issue, So lets keep this open for now ;)

[authentik-automation]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[RoboMagus]

Not resolved. PR still open