Change A Navbar Search Field To A Dropdown Field On Hover

Hi

I’m trying to make the existing search field which I got from this snippet. What I want is rather than expand the search field horizontally, I rather it open up as a dropdown field when hovered over the genericons item. Any ideas?

website: https://www.welltraveledmile.com/thepointsguru