Search bar drops down when you select it

I adjusted the with of my wrapper, and now the search bar round icon is to high and out of line with the other social media icons. When I select the search bar to type something in it, it will drop down and get at the same hight as the other social media icons. I’ve tried to adjust margin, paddings in the style file, but when I finally get the search round icon in line with the other icons, it will still drop down when you select it. Therefore it will get beneath the other icons when you want to type in it.

For some reason it just want to drop down when I select it. I only changed the width of my wrapper, nothing else. I don’t get it. Hopefully someone knows the answer for me! Love to hear it!!!

My site