diff --git a/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss b/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
index 4bbd9cf..502fdf6 100644
--- a/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
+++ b/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss
@@ -205,7 +205,7 @@
 				line-height: $font__line-height-heading;
 				text-shadow: none;
 				padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
-				white-space: nowrap;
+				max-width: #{20 * $size__spacing-unit};
 
 				&:hover,
 				&:focus {
diff --git a/wp-content/themes/twentynineteen/style.css b/wp-content/themes/twentynineteen/style.css
index ccf9014..6a628a9 100644
--- a/wp-content/themes/twentynineteen/style.css
+++ b/wp-content/themes/twentynineteen/style.css
@@ -2946,7 +2946,7 @@ body.page .main-navigation {
   line-height: 1.2;
   text-shadow: none;
   padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
-  white-space: nowrap;
+  max-width: 20rem;
 }
 
 .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,