Navigation Menu Sizing Issues - Covers Up My Logo - HELP PLEASE!

Site URL: https://minnow-trumpet-ls27.squarespace.com/config/

Hello! As seen in the screenshot attached to this post, I am unable to make the dropdown menu under ABOUT US smaller so that it doesn't cover up the logo. We do not want to make the logo smaller and are trying to make the white box shorter in width. What can be done to fix this?

Add to Design > Custom CSS

/* Dropdown auto width */
.header-nav-folder-content {
    width: auto !important;
    min-width: unset !important;
}