[BUG] Navigation Dropdown UI issue – text wrapping due to fixed width

[DevanjoyDas]

Describe the bug.

The dropdown menu in the navigation bar has a fixed width. This causes two problems:

1. Text Wrapping – If the dropdown contains links with longer text, the text wraps to the next line instead of fitting within the dropdown.
2. Excessive Width – For dropdowns with shorter text, the fixed width makes the dropdown appear unnecessarily wide, creating an inconsistent UI.

Expected behavior

The dropdown width should dynamically adjust to fit the longest link text without wrapping or leaving unnecessary space.

Screenshots

How to Reproduce

1. Hover over the navigation bar (Resources Hub) to trigger the dropdown menu.
2. Notice that, Long text wraps (Online Conf Slides), creating extra lines.

🥦 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.