Filters Not Displaying Properly on Mobile View in Leaderboard Page

[AnveshNalimela]

Description:

When viewing the leaderboard page on mobile devices, the filters (Duration, Role, and other filters) are not displayed correctly. Specifically, when clicking on any of the filters, the content gets cut off, and the scroll bar to view the full list of options is not visible or working correctly.

Steps to Reproduce:

• Go to the Leaderboard page.
• Switch to mobile view (using browser dev tools or on an actual mobile device).
• Click on the Duration filter.
• Click on the Role filter.
• Click on other filters.
• Observe that the filter dropdown content is either partially visible or not scrollable, causing some options to be hidden.

Expected Behavior:

• The filters should be fully visible, and if the content exceeds the available space, the dropdown should be scrollable without being cut off.
• Scrollbars should either be visible or invisible while still allowing users to scroll through the filter options.

Actual Behavior:

• The filter options are either partially hidden or not accessible in mobile view, and there is no visible scrollbar to scroll through the filter options.
  https://github.com/user-attachments/assets/44e5b600-9393-4f9c-b40f-384e93d27982

[AnveshNalimela]

I Would like work on these issue.Please Assign it to me