Dropdown menu not aligned with top footer menu!

Hi 🙂 I've attached an image of what my dropdown menus look like.

Here's my code below (i dont know anything about css - gave it a go!) Thank you in advance for helping!

/*nav dropdown */
.header-nav-item.header-nav-item--folder {
    position: relative !important;
}
.header-nav-folder-content {
    left: 0 !important;
}
.header-nav-folder-content a {
    text-align: left !important;
}

(I was hovering over 'about us' when capturing the above screenshot)

Hi,

What is site url?

Hi, its a company site which isnt live yet. Do you need it to help? It hasn't been published yet

Difficult to help without checking url.

You can follow this guide to share url