Decrease header horizontal padding?

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

Hi everyone,

I'd really love to make my site header cover more of the screen, width-wise, but I don't want to make the individual links any closer together. Is there any way to decrease the padding between the header and the site title/right edge of the screen?

If that's unclear, I want the header links to stay centered and cover more of the page, horizontally, so that they don't wrap to the next line so quickly.

Thank you 🙂

Not sure if I'm allowed to bump, but anyone have an answer to this?

Add to Home > Design > custom CSS

.header-title-nav-wrapper {
    flex: 1 0 80%;
}
.header-nav {
    width: 100%;
    flex: 1 1 100% !important;
}