Skip to content

🐞[Bug]: Fix Overlap of Search Icon and Mode Toggle in Mobile View #434

@cherylpinto

Description

@cherylpinto

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

In the mobile view, the search icon and the mode toggle button (light/dark mode switch) overlap with each other in the navbar. This makes it hard for users to click either of them properly and reduces the usability of the navigation bar.

Expected behavior

  • Both the search icon and the mode toggle button should be clearly visible and spaced apart.
  • On smaller screens, they should align properly without overlapping.
  • The layout should remain responsive across different screen sizes.

Add ScreenShots

Image

What browsers are you seeing the problem on?

Chrome, Safari, Microsoft Edge

Record

  • I have read the Contributing Guidelines
  • Are you a GSSOC'25 contributor
  • I want to work on this issue

Metadata

Metadata

Assignees

Type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions