diff --git a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
index 9b704b7990..a4ff67347a 100644
--- a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
+++ b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.html
@@ -5,16 +5,16 @@
 <div class="row">
   <div class="col-lg-3 col-md-3 col-sm-4">
     <div class="list-group">
-      <a translate class="list-group-item" href="#navbar">Navbar</a>
-      <a translate class="list-group-item" href="#buttons">Buttons</a>
-      <a translate class="list-group-item" href="#typography">Typography</a>
-      <a translate class="list-group-item" href="#tables">Tables</a>
-      <a translate class="list-group-item" href="#forms">Forms</a>
-      <a translate class="list-group-item" href="#navs">Navs</a>
-      <a translate class="list-group-item" href="#indicators">Indicators</a>
-      <a translate class="list-group-item" href="#progress-bars">Progress bars</a>
-      <a translate class="list-group-item" href="#containers">Containers</a>
-      <a translate class="list-group-item" href="#dialogs">Dialogs</a>
+      <a translate class="list-group-item" href="#navbar" target="_self">Navbar</a>
+      <a translate class="list-group-item" href="#buttons" target="_self">Buttons</a>
+      <a translate class="list-group-item" href="#typography" target="_self">Typography</a>
+      <a translate class="list-group-item" href="#tables" target="_self">Tables</a>
+      <a translate class="list-group-item" href="#forms" target="_self">Forms</a>
+      <a translate class="list-group-item" href="#navs" target="_self">Navs</a>
+      <a translate class="list-group-item" href="#indicators" target="_self">Indicators</a>
+      <a translate class="list-group-item" href="#progress-bars" target="_self">Progress bars</a>
+      <a translate class="list-group-item" href="#containers" target="_self">Containers</a>
+      <a translate class="list-group-item" href="#dialogs" target="_self">Dialogs</a>
     </div>
   </div>
 </div>
diff --git a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.scss b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.scss
index df28745df1..beecbb7136 100644
--- a/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.scss
+++ b/openstack_dashboard/contrib/developer/static/dashboard/developer/theme-preview/theme-preview.scss
@@ -56,4 +56,14 @@ themepreview {
       margin: 0;
     }
   }
+
+  .page-header {
+
+    h1:before {
+      content: '';
+      height: $navbar-height;
+      margin: -$navbar-height 0 0;
+      display: block;
+    }
+  }
 }