diff --git a/src/main/resources/apiref/css/main.css b/src/main/resources/apiref/css/main.css
index d82b2b4..8c8a10d 100644
--- a/src/main/resources/apiref/css/main.css
+++ b/src/main/resources/apiref/css/main.css
@@ -103,13 +103,16 @@ dt:hover > a.headerlink {
 
 /* First level of nav */
 .api-sidenav {
-    margin-top: 30px;
+    margin-top: 20px;
+    margin-left: -10px;
     margin-bottom: 30px;
+    width: auto;
     padding-top: 10px;
     padding-bottom: 10px;
     text-shadow: 0 1px 0 #fff;
     background-color: #f5f5f5;
     border-radius: 5px;
+    /*margin-top: 30px;*/
 }
 
 /* All levels of nav */
@@ -144,7 +147,7 @@ dt:hover > a.headerlink {
     padding-top: 3px;
     padding-bottom: 3px;
     padding-left: 30px;
-    font-size: 90%;
+    font-size: 12px;
 }
 
 /* Show and affix the side nav when space allows it */
diff --git a/src/main/resources/cloud/apipage/apipage-main.xsl b/src/main/resources/cloud/apipage/apipage-main.xsl
index f8e3800..1c264b4 100755
--- a/src/main/resources/cloud/apipage/apipage-main.xsl
+++ b/src/main/resources/cloud/apipage/apipage-main.xsl
@@ -75,6 +75,7 @@
                     <!-- OpenStack Specific CSS -->
                     <link rel="stylesheet" href="apiref/css/main.css"
                       type="text/css"/>
+                    <link rel="stylesheet" href="apiref/css/style.css"/>
                     <link href="apiref/css/main.css" rel="stylesheet"
                       type="text/css"/>
                     <link href="apiref/css/bootstrap.min.css" rel="stylesheet"
@@ -253,18 +254,12 @@
                             <ul class="nav api-sidenav">
                               <xsl:apply-templates select="d:chapter"
                                 mode="toc"/>
-                              <li>
-                                <!-- API ref page TOC -->
-                                <xsl:apply-templates
-                                  select="//d:preface//d:title"
-                                  mode="menu-toc"/>
-                                <ul class="nav active">
+                              <ul class="nav active">
                                   <!-- add list of all services to the sidebar menu -->
                                   <xsl:apply-templates
                                     select="//d:book//d:itemizedlist[@xml:id='service-list']/d:listitem/d:para/d:link"
                                     mode="menu-toc"/>
                                 </ul>
-                              </li>
                             </ul>
                             <div class="row">
                               <div class="col-md-7">
@@ -377,7 +372,7 @@
               <xsl:otherwise>
                 <!-- show top menu item in side nav bar -->
                 <li>
-                  <a href="#{@xml:id}">
+                  <a class="smallcapped" href="#{@xml:id}">
                     <xsl:value-of select="translate(d:title,' ','&#160;')"
                     />
                   </a>