Help Needed: Fixing Rotating Icon Issue in Navbar with Tabs

Design help General
1

Hello everyone,

I’ve built a navigation bar, and everything works fine except for one issue. In one of the navigation menus, I need to include a Tabs object. While this generally works, the arrow icon for this menu item rotates automatically as soon as the page loads.

After some troubleshooting, I discovered that this happens because I assigned a default tab to the inner Tabs object. When I remove the default value, the icon remains unchanged upon page reload.

Now, my question is: how can I fix this issue? I’ve tried using animations to revert the rotating icon, but that didn’t work. Has anyone experienced a similar problem or have any suggestions?

I’ve provided a read-only link below, focusing on the “Funktionen” menu item.

Thank you for your help!

https://preview.webflow.com/preview/auto-dropdown-open-if-default-tab-is-se?utm_medium=preview_link&utm_source=designer&utm_content=auto-dropdown-open-if-default-tab-is-se&preview=4a69431ee983d3b9181446c2c3bb3a19&workflow=preview

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