diff --git a/solr/solr-ref-guide/src/_layouts/page.html b/solr/solr-ref-guide/src/_layouts/page.html
index d9f56c9f1ea..0d3f0c26fbc 100755
--- a/solr/solr-ref-guide/src/_layouts/page.html
+++ b/solr/solr-ref-guide/src/_layouts/page.html
@@ -56,7 +56,7 @@ layout: default
 <!-- Adds nav links on each page -->
     {% assign scrollnav = site.data.scrollnav[page_id] %}
     {% if scrollnav %}
-    <div class="scrollnav">
+    <div class="scrollnav row">
       {% if scrollnav.prev %}
       <a class="btn btn-primary prev" href="{{ scrollnav.prev.url }}">{{ scrollnav.prev.title }}</a>
       {% endif %}
diff --git a/solr/solr-ref-guide/src/css/theme-solr.css b/solr/solr-ref-guide/src/css/theme-solr.css
index ccfed1beba5..a55db034ebc 100644
--- a/solr/solr-ref-guide/src/css/theme-solr.css
+++ b/solr/solr-ref-guide/src/css/theme-solr.css
@@ -69,9 +69,10 @@ a[data-toggle].btn-info {
 
 /* Used for nav buttons */
 .btn-primary {
-    color: #ffffff;
-    background-color: #F35B38;
-    border-color: #E6E7E8;
+    color: #F35B38;
+    background-color: transparent;
+    border-color: #CDCECF;
+    font-weight: bold;
 }
 
 .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
@@ -115,10 +116,7 @@ li.sidebarTitle {
 
 }
 .scrollnav {
-    font-size: larger;
-    /* why do we need both of these??? */
-    padding-bottom: 1em;
-    margin-bottom: 2em;
+    margin-bottom: 1em;
 }
 .scrollnav .prev {
     text-align: left;
@@ -127,7 +125,7 @@ li.sidebarTitle {
 }
 .scrollnav .prev:before {
     padding-right: 0.5em;
-    content: "\25C0 ";
+    content: "\25C0";
     display: inline-block; /* text-decoration: none doesn't work, but this does */
 }
 .scrollnav .next {