[BUG] Background color of components in the dropdown menu is not visible properly on hovering

[Aryan4884]

Describe the bug.

Background color of components in the dropdown menu is not visible properly on hovering.

Expected behavior

Background Color should be visible on hovering in the dropdown menu to improve user experience.

Screenshots

Screen.Recording.2024-10-26.070706.mp4

How to Reproduce

1. Open the website in the browser
2. Hover on the Docs/Community/Tools
3. Now hover on the dropdown menu opened

🥦 Browser

Google Chrome

👀 Have you checked for similar open issues?

• I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

[github-actions]

Welcome to AsyncAPI. Thanks a lot for reporting your first issue. Please check out our contributors guide and the instructions about a basic recommended setup useful for opening a pull request.
Keep in mind there are also other channels you can use to interact with AsyncAPI community. For more details check out this issue.

[yashsaraswat2004]

Please, Assign this issue to me.. I am working on this issue

[Aryan4884]

@yashsaraswat2004 I have already solved this issue.please find another issue to solve.

[sambhavgupta0705]

Not required