Navbar arrangement behaves strangely on wide screens

Site URL: https://www.avantchamberballet.org/

My site's navigation bar behaves strangely when displayed on wide screens. Everything is fine as it resizes up from mobile. Here's how it displays based on the pixel width that I have found using Chrome developer tools:

• 0-1024px it displays the little clickable hamburger icon (seems good)
• 1025-1773px it displays the navigation links stacked in two rows (also good)
• 1774-2347px it displays the navigation links in a single row (perfect)
• 2348+px it goes back to the links stacked in 2 rows as it is from 1025-1773px (seems very strange and is not what I'm really looking for)

I don't think this is a huge concern, because I don't think most people view our site fullscreen on like 4K monitor. But I do! And it seems weird and I would like to fix it.

You want nav one row on 2348+ px? Add this to Design > Custom CSS

@media screen and (min-width:2348px) {
.header-nav-list {
    flex-wrap: nowrap;
}
}