diff --git a/app/scripts/views/menu/menu-view.js b/app/scripts/views/menu/menu-view.js
index fed9d84f..f3cde6fc 100644
--- a/app/scripts/views/menu/menu-view.js
+++ b/app/scripts/views/menu/menu-view.js
@@ -19,7 +19,7 @@ class MenuView extends View {
     sectionViews = [];
 
     minWidth = 130;
-    maxWidth = 300;
+    maxWidth = 450;
 
     constructor(model, options) {
         super(model, options);
diff --git a/app/styles/areas/_menu.scss b/app/styles/areas/_menu.scss
index 8a77ba6f..f584f68f 100644
--- a/app/styles/areas/_menu.scss
+++ b/app/styles/areas/_menu.scss
@@ -103,6 +103,18 @@
             .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > & {
                 padding-left: $base-padding-h * 6;
             }
+            .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > & {
+                padding-left: $base-padding-h * 7;
+            }
+            .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > & {
+                padding-left: $base-padding-h * 8;
+            }
+            .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > & {
+                padding-left: $base-padding-h * 9;
+            }
+            .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > .menu__item > & {
+                padding-left: $base-padding-h * 10;
+            }
         }
 
         &-options {