How to smooth this animation for a Hamburger menu?

Hey community! I’m hoping someone can help me out.

For my Mobile design, I’ve successfully managed to create an animation in the Navbar, in which the hamburger menu turns into a “X” icon. However, somehow the “X” icon doesn’t align super-equally – even though I think the settings are set up correctly.

Struggling to understand how to make it work. Would appreciate any ideas or tips! Thanks so much!

Here is my public share link: Webflow - Olga Rabo · Product Designer