Nav Bar Interaction is changing my Nav Bar

Hey All,

I am having some trouble with my Nav Bar interactions.

I want to make the Nav bar disappear when you scroll down and re-appear when you scroll up. Tick that is working fine. The problem I have is as soon as I preview the site the page names on the right of the nav drop underneath the logo on the left of the nav bar.

Here is the read-only link - Webflow - HATTER WEBSITE 2024

Can anyone help?!?!