[search-input-nav] Fix search icon overlap

[ShirshenduR]

Notes for Reviewers

This PR fixes #622

Signed commits

• Yes, I signed my commits.

[netlify]

✅ Deploy Preview for bejewelled-pegasus-b0ce81 ready!

Name	Link
🔨 Latest commit	8a50718
🔍 Latest deploy log	https://app.netlify.com/projects/bejewelled-pegasus-b0ce81/deploys/6868bb3c6f53df0009877741
😎 Deploy Preview	https://deploy-preview-627--bejewelled-pegasus-b0ce81.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[ShirshenduR]

@Ayushmore1214 @vishalvivekm @vr-varad Please review

[leecalcote]

This is a good item to add to the weekly Websites meeting agenda. You can add this item in the doc, attend, and present it. Meeting details at https://meet.layer5.io.

[Ayushmore1214]

Nice job , looks good to go @ShirshenduR

[vr-varad]

LGTM
Would you mind changing color of cross compatible to the dark mode same as the search icon.

[ShirshenduR]

LGTM Would you mind changing color of cross compatible to the dark mode same as the search icon.

@vr-varad The native browser clear (cross) button in search box cannot have its color changed via CSS—browsers ignore the color property. For a custom color, we need to hide the native button and implement our own clear button so should I proceed with it? @miacycle

[vr-varad]

he native browser clear (cross) button in search box cannot have its color changed via CSS—browsers ignore the color property. For a custom color, we need to hide the native button and implement our own clear button so should I

Never Mind.

[ShirshenduR]

@vr-varad @zihanKuang If everything is good. can you merge the PR.

[zihanKuang]

LGTM👍Thank you!