diff --git a/docs/assets/css/bootstrap-responsive.css b/docs/assets/css/bootstrap-responsive.css
index acebb64d3b..3936d8c203 100644
--- a/docs/assets/css/bootstrap-responsive.css
+++ b/docs/assets/css/bootstrap-responsive.css
@@ -3,6 +3,10 @@
   visibility: hidden;
 }
 @media (max-width: 480px) {
+  .page-header h1 small {
+    display: block;
+    line-height: 18px;
+  }
   .form-horizontal .control-group > label {
     float: none;
     width: auto;
diff --git a/less/responsive.less b/less/responsive.less
index 8bfe705b4d..6ba31b5c93 100644
--- a/less/responsive.less
+++ b/less/responsive.less
@@ -27,6 +27,12 @@
 
 @media (max-width: 480px) {
 
+  // Block level the page header small tag for readability
+  .page-header h1 small {
+    display: block;
+    line-height: @baseLineHeight;
+  }
+
   // Remove the horizontal form styles
   .form-horizontal .control-group > label {
     float: none;