finally get profile page full-height while loading

app/styles/app/layout.sass

@@ -2,7 +2,8 @@
 .centered .row
   max-width: 1024px
 
-.main, .profile-view
+.main,
+.profile-view
   position: relative
   width: 100%
   min-height: 100vh
@@ -14,13 +15,10 @@
 #not-found #main
   padding: 100px 50px 0 50px
 
-
+#left, #right, .wrapper-main
-#left, #right
   position: relative
-  min-height: 100%
 
 #left
-  min-height: 100%
   padding: 0 0 110px 0
   background-color: #fbfbfa
   border-right: 1px solid $color-border-normal
@@ -52,6 +50,7 @@
   // layout magic http://lea.verou.me/2011/01/styling-children-based-on-their-number-with-css3/
   .wrapper-main
     overflow: hidden
+    height: 100%
     & > div:first-child:nth-last-child(2)
       width: grid-calc(20, 24)
       float: left
@@ -63,7 +62,6 @@
 
   .maximized
     .wrapper-main
-      overflow: hidden
       & > div:first-child:nth-last-child(2)
         width: grid-calc(24, 24)
         float: none
@@ -72,6 +70,10 @@
         display: none
 
 @media #{$large-up}
+
+  #left, #right, .wrapper-main
+    min-height: 100vh
+
   #left
     width: grid-calc(5, 24)
     float: left

app/styles/app/tabs.sass

@@ -72,10 +72,6 @@
   #tab_new.display
     display: inline-block
 
-  @media #{$medium-up}
-    .tab
-      min-height: 100vh
-
 #main
   .tabs
     border-bottom: 3px solid #f5f5f6