Header Styles Aren't Properly Visible | Search Bar and Select Bar

[viji-queen]

Describe the bug
When a user interacts with the search bar, specifically when it receives focus, the header styles (border) are not properly visible.
When a user tries to select the option from select bar, search bar styles are getting disturbed. This issue affects the visual appearance and usability of the search bar.

To Reproduce
Steps to reproduce the behavior:

1. Go to search bar
2. Click on the search bar to give it focus
3. Observe the header styles (border)
4. Click on the select bar
5. Observe the header style '</>'
6. You can see the styles are hidden or overriding.

Expected behavior
The header styles (border) should be fully visible when the search bar receives focus.

Screenshots

Can I take on this issue and work towards a solution?

[version0chiro]

Sure will assign it to you

[viji-queen]

I've raised the PR. Kindly check once.