Skip to content

Search input field alignment and spacing issue in navbar section(Account setting page ) #86

@AMANkumar0004

Description

@AMANkumar0004

Describe the Bug

The search input field in the header is not properly aligned and visually breaks the layout.

Current behavior:
The search icon, search button, and location dropdown appear disconnected and misaligned.

Image

The search input looks cramped and does not align well with adjacent elements (logo and location selector).
On wider screens, the spacing feels inconsistent, reducing visual balance.
The search bar does not appear as a single, unified component.

Steps to Reproduce

  1. Go to explore
  2. settings option
  3. observer the navbar

Expected Behavior

Expected behavior:

The search icon, input field, search button, and location dropdown should appear as one cohesive search component.

Proper horizontal alignment with consistent spacing between elements.

Responsive behavior where the search bar maintains alignment across different screen sizes.

Improved padding and height consistency with other header buttons (Menu, Cart, Login, Sign Up).

Additional Context

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions