Fix `x` icon overlap in search bar
See original GitHub issueWhen the search bar has a lot of content, the x button to close it overlaps with the content, e.g. see the right side of the screenshot below:

This issue also needs to be fixed in other search and filter bars.
Issue Analytics
- State:
- Created 2 years ago
- Comments:16 (3 by maintainers)
Top Results From Across the Web
Fix search icon overlapping long text in input auto complete ...
Go to /admin/content, then search in any auto complete field like: Authored by, then you will see search icon is overlapping long text....
Read more >ICONs overlapping on desktop - Microsoft Community
1. Open Registry by pressing Windows key + R and type regedit and press on Enter or click on OK. 2. If prompted...
Read more >Search cancel icon(x) and search text overlap on overflow
Description : The search text and the cancel icon (i.e. X) overlap when the search text is too long. Steps to reproduce :...
Read more >The top bar and social media icons are overlapping when I try ...
Hi, I'm working on a site and for a smaller screen size, I want the top bar and social media icons to be...
Read more >Overlapping a font awesome icon inside a text field
Personally I'd just use a pseudo-element, but if you wish to use the <i> icon, then we can do that a lot better...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

@alya I tried to fix this bug by increasing the
This is output after entering long string as input.
Is this the correct implementation ?
padding-rightto 40px in#search_queryinzulip.cssNew related PR: #20845