diff --git a/assets/_main.scss b/assets/_main.scss
index b7a64fc..bf60a18 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -47,6 +47,11 @@ img {
   vertical-align: baseline;
 }
 
+main {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
 aside nav ul {
   padding: 0;
   margin: 0;
@@ -315,7 +320,6 @@ aside nav,
     display: flex;
   }
 
-  
   #menu-control:checked ~ main {
     .book-menu #BookMenu,
     .book-page {
diff --git a/assets/_print.scss b/assets/_print.scss
index 387b4ff..6acd75e 100644
--- a/assets/_print.scss
+++ b/assets/_print.scss
@@ -5,7 +5,7 @@
   }
 
   main {
-    flex-direction: column-reverse;
+    display: block;
   }
 
   .book-toc {
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 0d28f76..a2eb80e 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -9,11 +9,8 @@
 <body>
   <input type="checkbox" class="hidden" id="toc-control" />
   <input type="checkbox" class="hidden" id="menu-control" />
-  <main class="flex container">
-
-    <aside class="book-menu fixed">
-      {{ partial "docs/menu" . }}
-    </aside>
+  <main class="container">
+    {{ template "toc" . }}
 
     <div class="book-page">
       {{ partial "docs/mobile-header" . }}
@@ -22,7 +19,9 @@
       {{ partial "docs/inject/footer" . }}
     </div>
 
-    {{ template "toc" . }}
+    <aside class="book-menu fixed">
+      {{ partial "docs/menu" . }}
+    </aside>
   </main>
 
   {{ partial "docs/inject/body" . }}
