Align nav title with drop down menu

Site URL: https://www.tribeandsol.com

Hello, 

I would like to align the dropdown menu with the Shop link. without the current code it aligns left and has a lot of empty space.

Thank you

Add to Home > Design > Custom CSS

.header-nav-folder-item {
    text-align: right;
}

a.header-nav-folder-title:hover+div,.header-nav-folder-content {
    text-align: center !important;
    position: absolute;
    left: 40% !important;
    right: unset !important;
    -webkit-transform: translatex(-50%);
    -o-transform: translatex(-50%);
    transform: translatex(-50%);
}

thanks to Tuan Phan