Dropdown Menu Visual Features Items Realigns on Every Page Except Home Page When Hovering Over. How to fix?


I am having difficulties trying to get the navbar drop down menu to stay consistent on all pages. I have made it a component and it works exactly how I want it to on the home page when hovering over each item in the dropdown however on every single other page it realigns itself. Does anyone know how to fix this?

Here is a link to the website: https://klarenbach-research.webflow.io/

On the home page hover over resources and then hover over each page in the drop down - this is what I want.

If you go to any other page and hover over resources and then hover over a page in the drop down menu all the pages realign.

Here is my site Read-Only: https://preview.webflow.com/preview/klarenbach-research?utm_medium=preview_link&utm_source=designer&utm_content=klarenbach-research&preview=ef5f19615f248c1c2869c2e674d2f452&workflow=preview

Thank you so much for looking into this, I appreciate it!