diff --git a/app/styles/app/layout.sass b/app/styles/app/layout.sass
index 8cd70c21..3c2df105 100644
--- a/app/styles/app/layout.sass
+++ b/app/styles/app/layout.sass
@@ -86,6 +86,27 @@
     margin-left: grid-calc(5, 24)
     overflow: visible
 
+@media #{$xlarge-up}
+  #left
+    width: grid-calc(7, 36)
+  .wrapper-main
+    width: grid-calc(29, 36)
+    margin-left: grid-calc(7, 36)
+
+@media #{$xxlarge-up}
+  #left
+    width: grid-calc(6, 36)
+  .wrapper-main
+    width: grid-calc(30, 36)
+    margin-left: grid-calc(6, 36)
+
+@media screen and (min-width: 2200px)
+  #left
+    width: grid-calc(5, 36)
+  .wrapper-main
+    width: grid-calc(31, 36)
+    margin-left: grid-calc(5, 36)
+
 
 .travis-lint
   background-color: $travis-lint-bg