I figured it out. For some reason when I removed the !important tag from the height property of this code, it allowed the navigation bar to resize to the height of the elements:
@media (min-width: 992px) {
#header .header-nav-main {
display: flex !important;
height: auto !important;
}
Thanks again!
