My website has 404 page with search box built in. Everything looks great except for one small issue on mobile - desktop seems fine. I mean, when the dark mode is enabled, search box on 404 page starts acting strange, but only on mobile. At first it looks good, but when user clicks on it, its corners become way more rounded. After typing in at least two characters, corners transform again - this time to border-radius: 5px, which is fine. Does anyone know how to fix this? It has to have border-radius: 5px all the time. I feel like I've tried everything...
Here are the screenshots of particular "phases" in right order:
- screenshot1
- screenshot2
- screenshot3
Here's a link to a random 404 page on my website: website.com - to reproduce the issue, turn dark mode on (via dedicated button in header) and enter the site on mobile - the browsers doesn't seem to be a problem - I've tested this on Safari, Firefox and Chrome.
