Make dropdown menu items wrap text in Gantry 5

If you have dropdown items that have text hanging off the side like the image below:

Add this code to /custom/scss/custom.scss

.g-main-nav .g-toplevel > li > .g-menu-item-container, .g-main-nav .g-sublevel > li > .g-menu-item-container {whitespace:normal;}