This worked for me to stop the wrapping of sub-menu text onto multiple lines once I hover over the navigation menu:
.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container {
height: auto;
min-width: max-content !important;
opacity: 1;
overflow: visible;
visibility: visible;
width: auto;
}