[Bug]: Misaligned or Inconsistent CSS in Navbar Search Box on Strapi Documentation Site

[mukulpadwal]

Link to the documentation page or resource

https://docs.strapi.io/

Describe the bug

The search box in the navbar on the Strapi documentation site (https://docs.strapi.io) appears visually misaligned or inconsistent with the overall navbar design.

Steps to Reproduce :

• Go to Strapi Documentation.
• Observe the search box in the navbar, especially the alignment and CSS styling.

Expected Behavior :

• The search box should align and visually integrate well with the navbar, maintaining consistency with the site's design theme.

Actual Behavior :

• The search box appears misaligned or visually inconsistent, which can impact user experience.

Screenshots :

Environment :

• Browser : [Chrome, Brave]
• OS : [Windows 11]

Additional context

No response

Suggested improvements or fixes

There is a need to adjust the CSS properties of the search box, specifically focusing on the flex properties and alignment settings, to ensure it is properly aligned and consistent with other elements in the navbar.

Related issue(s)/PR(s)

No response

[pwizla]

Thank you for reporting and fixing it with PR #2280, @mukulpadwal!

I will now close this PR since you already found a fix and I've just merged it.

Out of curiosity, could you please share more details on when this happens? More precisely, at which viewport size (in pixels)? Because I was not able to reproduce this on Chrome, Firefox, or Safari during my testings. 🤔