diff --git a/index.html b/index.html
index 88438285e..1fcfd5970 100644
--- a/index.html
+++ b/index.html
@@ -54,69 +54,71 @@
         
         
           
-          
-          
+          
+          
         
       
       
-      
+      
       
     
 
@@ -203,16 +205,22 @@
             
           
           
-          
-          
-          
-          
-          
-          
-          
-          
-          
-          
+          
+          
+            
+            
+              
+              
+              
+              
+              
+              
+              
+              
+              
+            
+          
+          
         
       
     
diff --git a/scss/_content-wrapper.scss b/scss/_content-wrapper.scss
index e21a80802..979302fb5 100644
--- a/scss/_content-wrapper.scss
+++ b/scss/_content-wrapper.scss
@@ -2,4 +2,5 @@
   grid-area: content-wrapper;
   background-color: $main-bg;
   color: $main-color;
+  padding-bottom: 1rem;
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index c95467572..0713613cd 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -89,6 +89,14 @@ $theme-colors: map-merge((
 ), $theme-colors);
 // stylelint-enable
 
+// The contrast ratio to reach against white, to determine if color changes from "light" to "dark". Acceptable values for WCAG 2.0 are 3, 4.5 and 7.
+// See https://www.w3.org/TR/WCAG20/#visual-audio-contrast-contrast
+$min-contrast-ratio:   4.5 !default;
+
+// Customize the light and dark text colors for use in our color contrast function.
+$color-contrast-dark:      $black !default;
+$color-contrast-light:     $white !default;
+
 // Options
 //
 // Quickly modify global styling by enabling or disabling optional features.
diff --git a/scss/adminlte.scss b/scss/adminlte.scss
index 4e142c731..8728387a5 100644
--- a/scss/adminlte.scss
+++ b/scss/adminlte.scss
@@ -27,5 +27,5 @@
 @import "mixins";
 
 @import "parts/core";
-@import "small-box";
+@import "parts/extra-components";
 @import "miscellaneous";