diff --git a/assets/css/docs.css b/assets/css/docs.css
index 263aeb85cf5b4a61e198c45136b568248f265b1d..3d5602480d374d65ba96df9fb6aa30a7d430c3ea 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -476,7 +476,6 @@ body {
 .bs-navbar-bottom-example {
   z-index: 1;
   padding: 0;
-  min-height: 110px;
   overflow: hidden; /* cut the drop shadows off */
 }
 .bs-navbar-top-example .navbar-fixed-top,
@@ -488,6 +487,10 @@ body {
 .bs-navbar-top-example {
   padding-bottom: 45px;
 }
+.bs-navbar-top-example:after {
+  top: auto;
+  bottom: 15px;
+}
 .bs-navbar-top-example .navbar-fixed-top {
   top: -1px;
 }
@@ -497,27 +500,19 @@ body {
 .bs-navbar-bottom-example .navbar-fixed-bottom {
   bottom: -1px;
 }
-.bs-navbar-top-example {
-  -webkit-border-radius: 0 0 4px 4px;
-     -moz-border-radius: 0 0 4px 4px;
-          border-radius: 0 0 4px 4px;
-}
-.bs-navbar-top-example:after {
-  top: auto;
-  bottom: 15px;
-  -webkit-border-radius: 0 4px 0 4px;
-     -moz-border-radius: 0 4px 0 4px;
-          border-radius: 0 4px 0 4px;
-}
-.bs-navbar-bottom-example {
-  -webkit-border-radius: 4px 4px 0 0;
-     -moz-border-radius: 4px 4px 0 0;
-          border-radius: 4px 4px 0 0;
-}
 .bs-navbar-bottom-example .navbar {
   margin-bottom: 0;
 }
 
+@media (min-width: 768px) {
+  .bs-navbar-top-example {
+    border-radius: 0 0 4px 4px;
+  }
+  .bs-navbar-bottom-example {
+    border-radius: 4px 4px 0 0;
+  }
+}
+
 /* Example modals */
 .bs-example-modal {
   background-color: #f5f5f5;