How do I fix the wired move of the links when hover out

Hi there,
I am new to webflow but have been trying to create a site reading forums and stuff…
So inside nav menu, I have this hover animation to the links(toast, caviar, doordash), and it’s working but one thing,
when I hover out of the links, the links shake a little, and I have no idea how to fix it.
Basically I just want the links to not move whenever.

I don’t know how to upload a video here so attached is a image

Here’s the published link and a Read-Only link.

Would be great if anyone could help me out with this!

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

try this nav-link-wapper => trigger mouse hover => on hover out =>width px change to %!
this problem?

wow, that worked!
I just realized that I have to use same unit for hover in/out.
Thanks so much!

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.