Search Icon Overlaps Profile Dropdown Menu Content

[Tharanishwaran]

Description

The search icon's magnifying glass is incorrectly appearing on top of the profile dropdown menu when the menu is opened. This creates a visual conflict where the search icon overlaps with menu items (Cloud, Kanvas, Playground, Logout), affecting the menu's usability and appearance.

Before Profile Dropdown Menu :

After Profile Dropdown Menu :

Expected Behavior

• Profile dropdown menu should appear above all other UI elements when opened
• Search icon should be hidden behind or not intersect with the dropdown menu
• Menu items should be clearly visible without any overlapping elements

Screenshots

Environment:

• Host OS: Debian 12
• Browser: Firefox

---

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

• 📚 See contributing instructions.
• 🎨 Wireframes and designs for Layer5 site in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack.

Join the Layer5 Community by submitting your community member form.

[leecalcote]

Thanks for highlighting this!

[Tharanishwaran]

Thank you @leecalcote for assigning me to this issue!

[moazzam07]

Hi, is this issue still open i would like to work on this.

[Tharanishwaran]

@moazzam07 , I'm still working on this. I'll update soon.

[vishalvivekm]

@Tharanishwaran looks we're in need of reassigning the issue here. Pease let me know, if otherwise.

[Alphamoris]

If the issue is still open, I could potentially solve this out