Problems with items getting "pushed" on hover

Hello friendly and helpful people. I am building what in my head seemed to be a quite straight forward navbar. When hovering over an item a div block with 4px height grows to 30px in width. How ever, I do not want the neighbor items to “push” the other ones while hovering… Not sure if that made any sense, right now when hovering an item next to the other it causes a “push” in position to the other… Here is a read only link: https://preview.webflow.com/preview/scenario-web?utm_medium=preview_link&utm_source=designer&utm_content=scenario-web&preview=c326176fedf0ab7284e9580a7e467d72&mode=preview

EDIT: I increased the size of link block surrounding the menu links to a fixed size of 200px. Not sure if this is good practice? But now it does not push at least…

Thanks in advance.


Here is my site Read-Only: Read only link