Need to customize Mobile Nav Folder

Hi! I'm designing my Mobile Nav and am running into two issues:

1. I'd like to increase the spacing between my Primary Nav items in mobile. They're too close together, even with maximizing the spacing in Squarespace's built-in editor.

2. When I click into the Nav Folders (e.g. Renting, About Us), the spacing between the links is too far. I'd like the spacing to be consistent in the Main Nav and in the Nav Folders.

Can anyone provide CSS to help me with this? Thank you.

Try this Custom CSS:

.header-menu-nav-item a {
    margin: 10vh 5vw;
}

@Ziggy that worked great for my normal Mobile Nav. but my Nav Folder items are still very spread out. Any recommendations?

Use this CSS, if it doesn't work, you should share site url, we can check easier

div.header-menu-nav-folder-content div.container.header-menu-nav-item a {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}