Menu down arrow wrapping issue

Hello,

First, thank you for your help with getting the top navigation menu to appear in tablet width.
( https://ww.wp.xz.cn/support/topic/adjust-mobile-width-breakpoint/ )

Now that the menu appears in table width, we’ve noticed in 744px to 767px width for menus which have submenus (and therefore a downward pointing arrow next to them) that the down arrow wraps to the next line and causes vertical spacing issues. Also, the submenu items for that menu appear centered instead of left aligned.

In the page at provided link at 744px to 767px width, the down arrow next to the “Sample” menu wraps to the next line, and its “Sample Page” submenu item appears centered instead of left aligned.

I tried to adjust the menu item width and set the flex-direction to row, but that didn’t help.

What is the CSS to use to prevent the down arrow from wrapping, and causing submenu text to be centered instead of left aligned?

Thank you for your help!

The page I need help with: [log in to see the link]