Vertical primary menu item titles do not wrap to next line

Problem/Motivation

The vertical primary menu has width of 250px and if the menu item title text gets longer than this, it will not wrap but the overflow gets cut off. This happens both for the parent menu item and the sub-menu item. If the parent title is not longer then the sub-menu if longer will get the overflow cut off. See screenshots.

I tried wrapping the menu titles with CSS but couldn't.

Steps to reproduce

Add vertical primary menu items with titles longer than 250px.

Proposed resolution

Wrap the menu item title text so when longer than the container, it would wrap instead of getting cut off.