diff --git a/app/assets/stylesheets/colors.scss b/app/assets/stylesheets/colors.scss
index 83f416c3b224962ce60d31585c167fef65c7eca3..a202c4d8f1d68c579d0484d420413e33f782c1c1 100644
--- a/app/assets/stylesheets/colors.scss
+++ b/app/assets/stylesheets/colors.scss
@@ -38,4 +38,5 @@ $turquoise : rgb(8, 224, 173);
 $sand : rgb(245, 239, 237);
 
 $left-navbar-background: #f0f0f0;
-$left-navbar-drawer-background: darken($left-navbar-background, 6%);
\ No newline at end of file
+$left-navbar-drawer-background: darken($left-navbar-background, 6%);
+$left-navbar-sub-background: darken($left-navbar-background, 12%); /* Only visible in large screens (BS3: visible-lg) */
\ No newline at end of file
diff --git a/app/assets/stylesheets/leftnavbar.scss b/app/assets/stylesheets/leftnavbar.scss
index e96a93ae6d63fbb09ccd4090cd3b74551bf2e837..7d570d5492030886051a462c3dfcd343b3fc3762 100644
--- a/app/assets/stylesheets/leftnavbar.scss
+++ b/app/assets/stylesheets/leftnavbar.scss
@@ -1,4 +1,10 @@
 /* Fixed backgrounds are a common practice to avoid height issues */
+#left-navbar-fixed-sub-background {
+  background: $left-navbar-sub-background;
+  position: fixed;
+  height: 100%;
+}
+
 #left-navbar-fixed-background {
   background: $left-navbar-background;
   position: fixed;
diff --git a/app/views/streams/main_stream.html.haml b/app/views/streams/main_stream.html.haml
index 4712a3a6147d05fff0f1f5d44667cc0197917282..07e52296fc0ca0885f7c9b14932f3af75c867412 100644
--- a/app/views/streams/main_stream.html.haml
+++ b/app/views/streams/main_stream.html.haml
@@ -24,7 +24,8 @@
   #right-sidebar-fixed-sub-background.col-md-3.visible-lg
   #right-sidebar-fixed-background.col-md-3.col-lg-2.hidden-sm.hidden-xs
   .row
-    #left-navbar-fixed-background.col-md-3.hidden-sm.hidden-xs
+    #left-navbar-fixed-sub-background.col-lg-1.visible-lg
+    #left-navbar-fixed-background.col-lg-offset-1.col-lg-2.col-md-3.hidden-sm.hidden-xs
     .col-lg-offset-1.col-lg-2.col-md-3#leftNavBar
       #home_user_badge
         = owner_image_link