Updates

build/less/control-sidebar.less

@@ -20,13 +20,14 @@
 //The sidebar
 .control-sidebar {
   position: absolute;
-  top: @navbar-height;
+  top: 0;
+  padding-top: @navbar-height;
   right: 0;
   width: @control-sidebar-width;
   z-index: 1010;
   //Fix position after header collapse
   @media (max-width: @screen-sm) {
-    top: @navbar-height + 50;
+    padding-top: @navbar-height + 50;
   }
   //Tab panes
   > .tab-content {
@@ -151,8 +152,9 @@
 }
 //Dark skin
 .control-sidebar-dark {
-  color: @sidebar-dark-color;
+  color: @sidebar-dark-color;  
   // Background
+  &,
   + .control-sidebar-bg {
     background: @sidebar-dark-bg;
   }
@@ -212,8 +214,9 @@
 }
 //Light skin
 .control-sidebar-light {
-  color: lighten(@sidebar-light-color, 10%);
+  color: lighten(@sidebar-light-color, 10%);  
   // Background
+  &,
   + .control-sidebar-bg {
     background: @sidebar-light-bg;
     border-left: 1px solid @gray;

build/less/core.less

@@ -24,7 +24,7 @@ body {
   .clearfix();
   min-height: 100%;
   position: static;
-  overflow: hidden;
+  overflow: hidden!important;
   .layout-boxed & {
     max-width: 1250px;
     margin: 0 auto;
@@ -50,7 +50,7 @@ body {
                     margin @transition-speed @transition-fn;
   .transition-transform(@transition-rule);
   margin-left: @sidebar-width;
-  z-index: 820;
+  z-index: 820;  
   //Top nav layout
   .layout-top-nav & {
     margin-left: 0;

dist/css/AdminLTE.css

@@ -30,7 +30,7 @@ body {
 .wrapper {
   min-height: 100%;
   position: static;
-  overflow: hidden;
+  overflow: hidden!important;
 }
 .wrapper:before,
 .wrapper:after {
@@ -687,14 +687,15 @@ a:focus {
 }
 .control-sidebar {
   position: absolute;
-  top: 50px;
+  top: 0;
+  padding-top: 50px;
   right: 0;
   width: 230px;
   z-index: 1010;
 }
 @media (max-width: 768px) {
   .control-sidebar {
-    top: 100px;
+    padding-top: 100px;
   }
 }
 .control-sidebar > .tab-content {
@@ -813,6 +814,7 @@ a:focus {
 .control-sidebar-dark {
   color: #b8c7ce;
 }
+.control-sidebar-dark,
 .control-sidebar-dark + .control-sidebar-bg {
   background: #222d32;
 }
@@ -853,6 +855,7 @@ a:focus {
 .control-sidebar-light {
   color: #5e5e5e;
 }
+.control-sidebar-light,
 .control-sidebar-light + .control-sidebar-bg {
   background: #f9fafc;
   border-left: 1px solid #d2d6de;

pages/layout/collapsed-sidebar.html

@@ -11,7 +11,7 @@
     <!-- Ionicons -->
     <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
     <!-- Theme style -->
-    <link href="../../dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
+    <link href="../../dist/css/AdminLTE.css" rel="stylesheet" type="text/css" />
     <!-- AdminLTE Skins. Choose a skin from the css/skins
          folder instead of downloading all of them to reduce the load. -->
     <link href="../../dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />