diff --git a/scss/_slide-box.scss b/scss/_slide-box.scss
index cec0cfc2dd..f6dfa113a0 100644
--- a/scss/_slide-box.scss
+++ b/scss/_slide-box.scss
@@ -6,23 +6,23 @@
 
 .slider {
   position: relative;
+  visibility: hidden;
   // Make sure items don't scroll over ever
   overflow: hidden;
-  visibility: hidden;
 }
+
 .slider-slides {
   position: relative;
   height: 100%;
 }
 
 .slider-slide {
-  display: block;
   position: relative;
+  display: block;
+  float: left;
   width: 100%;
   height: 100%;
-  float: left;
   vertical-align: top;
-
 }
 
 .slider-slide-image {
@@ -34,9 +34,10 @@
 .slider-pager {
   position: absolute;
   bottom: 20px;
+  z-index: $z-index-slider-pager;
   width: 100%;
+  height: 15px;
   text-align: center;
-  z-index: 1;
 
   .slider-pager-page {
     display: inline-block;
@@ -48,8 +49,8 @@
     opacity: 0.3;
 
     &.active {
-      opacity: 1;
       @include transition(opacity 0.4s ease-in);
+      opacity: 1;
     }
   }
 }
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 04a8a5d1dd..cd64edfd9c 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -629,6 +629,7 @@ $z-index-pane:                    1 !default;
 $z-index-popup:                   11 !default;
 $z-index-popup-backdrop:          10 !default;
 $z-index-scroll-bar:              9999 !default;
+$z-index-slider-pager:            1 !default;
 $z-index-tabs:                    5 !default;
 $z-index-view:                    1 !default;