Dropdown list left: 100% inside nav menu creates horizontal scroll bar

Hello,
New to webflow. Trying to create a navigation hambuger menu with dropwown submenus as nav items.
Faced with issue when I set Overflow: scroll to Nav Menu my dropdown list (position: absolute; left: 100%; display: block) instead of drops to the right like separate dropdown menu expands Nav Menu to the right and horizontal scroll bar appears.

In my production site I apply overflow: visible; overflow-y: scroll to the Nav Menu but its behaves like it read-only test site.

Cannot figure out what I’m doing wrong.


Here is my site Read-Only:https://preview.webflow.com/preview/left-100-issue?utm_medium=preview_link&utm_source=designer&utm_content=left-100-issue&preview=aace8220dcf6b93cce953e0202264c86&workflow=preview
Like: https://left-100-issue.webflow.io/