Your CSS code does not apply for those instances… It only applies for the header search, because it has a different IDs – DOM elements can’t have the same IDs, it is invalid HTML.
When I apply the CSS to those searches as well, it becomes apparent: https://i.imgur.com/6rnz5Cj.png
Also, if you remove the CSS code the header search will be broken, while the other two will look fine: https://i.imgur.com/cpsdiNG.png
When I look at the source code of the search on the page, it is correct: https://i.imgur.com/oaKs7rX.png
vs. look at the source of the header search: https://i.imgur.com/FaUp6Ui.png
