diff --git a/layouts/partials/docs/menu.html b/layouts/partials/docs/menu.html
index 5ce7fd1..2c299d1 100644
--- a/layouts/partials/docs/menu.html
+++ b/layouts/partials/docs/menu.html
@@ -1,21 +1,24 @@
 <nav>
-{{ partial "docs/brand" . }}
-{{ partial "docs/search" . }}
+  {{ partial "docs/brand" . }}
+  {{ partial "docs/search" . }}
 
+  <div class="book-menu-top">
+  {{ partial "docs/inject/menu-before" . }}
+  {{ partial "docs/menu-hugo" .Site.Menus.before }}
+  </div>
 
-{{ partial "docs/inject/menu-before" . }}
-{{ partial "docs/menu-hugo" .Site.Menus.before }}
+  <div class="book-menu-mid">
+  {{ if .Site.Params.BookMenuBundle }}
+    {{ partial "docs/menu-bundle" . }}
+  {{ else }}
+    {{ partial "docs/menu-filetree" . }}
+  {{ end }}
+  </div>
 
-{{ if .Site.Params.BookMenuBundle }}
-  {{ partial "docs/menu-bundle" . }}
-{{ else }}
-  {{ partial "docs/menu-filetree" . }}
-{{ end }}
-
-<div style="bottom:0; position:fixed;">
-{{ partial "docs/inject/menu-after" . }}
-{{ partial "docs/menu-hugo" .Site.Menus.after }}
-</div>
+  <div class="book-menu-bot">
+    {{ partial "docs/inject/menu-after" . }}
+    {{ partial "docs/menu-hugo" .Site.Menus.after }}
+  </div>
 </nav>
 
 <!-- Restore menu position as soon as possible to avoid flickering -->