diff --git a/styles/bootstrap/application.css b/styles/bootstrap/application.css
index 41773e3d8..c35629855 100644
--- a/styles/bootstrap/application.css
+++ b/styles/bootstrap/application.css
@@ -3,3 +3,46 @@ body { /* Add top padding for full-width layout */
 }
 img.mimeicon {
 }
+
+@media (max-width: 480px) { 
+    .nav-tabs > li {
+        float:none;
+    }
+    .nav-tabs > li > a {
+        margin-right: 0;
+    }
+
+    .nav-tabs {
+        border-bottom: 0;
+    }
+
+    .nav-tabs > li > a {
+        border: 1px solid #ddd;
+        -webkit-border-radius: 0;
+            -moz-border-radius: 0;
+                border-radius: 0;
+    }
+
+    .nav-tabs > li:first-child > a {
+  -webkit-border-top-right-radius: 4px;
+          border-top-right-radius: 4px;
+  -webkit-border-top-left-radius: 4px;
+          border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -moz-border-radius-topleft: 4px;
+    }
+
+    .nav-tabs > li:last-child > a {
+  -webkit-border-bottom-right-radius: 4px;
+          border-bottom-right-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+          border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -moz-border-radius-bottomleft: 4px;
+    }
+
+    .nav-tabs > li > a:hover {
+  z-index: 2;
+  border-color: #ddd;
+    }
+}