diff --git a/src/assets/less/site/bootstrap/variables.less b/src/assets/less/site/bootstrap/variables.less
index 849170c38..cb57b38b9 100644
--- a/src/assets/less/site/bootstrap/variables.less
+++ b/src/assets/less/site/bootstrap/variables.less
@@ -111,8 +111,8 @@
 
 // Inverted navbar toggle
 @navbar-inverse-toggle-hover-bg:            @jumbotron-bg-dark;
-@navbar-inverse-toggle-icon-bar-bg:         #fff;
-@navbar-inverse-toggle-border-color:        #fff;
+@navbar-inverse-toggle-icon-bar-bg:         @jumbotron-text;
+@navbar-inverse-toggle-border-color:        mix(@jumbotron-text, @jumbotron-bg, 75%);
 
 //@brand-primary:         @blue-dark;
 //@brand-success:         @green;
diff --git a/src/assets/less/site/responsive/screen-xs.less b/src/assets/less/site/responsive/screen-xs.less
index c89c05296..fa692b461 100644
--- a/src/assets/less/site/responsive/screen-xs.less
+++ b/src/assets/less/site/responsive/screen-xs.less
@@ -5,14 +5,14 @@
     line-height: @size;
     width: 280px;
     margin: 30px auto 0;
-    .carousel-control {
-      top: 37%;
-      .square(44px);
-      font-size: 44px;
-      line-height: 44px;
-      left: -7px;
-      &.right { right: -7px; }
-    }
+  }
+  .carousel-control {
+    top: 40%;
+    .square(44px);
+    font-size: 44px;
+    line-height: 44px;
+    left: -7px;
+    &.right { right: -7px; }
   }
 
   .jumbotron-carousel {