diff --git a/assets/_defaults.scss b/assets/_defaults.scss
index e97d4aa..7a2839a 100644
--- a/assets/_defaults.scss
+++ b/assets/_defaults.scss
@@ -17,7 +17,7 @@ $body-min-width: 20rem !default;
 $container-max-width: 1064px !default;
 
 $header-height: 3.5rem !default;
-$menu-width: 340px !default;
+$menu-width: 248px + $padding-16 + $padding-16 !default;
 $toc-width: 16rem !default;
 
 $mobile-breakpoint: 768px;
diff --git a/assets/_main.scss b/assets/_main.scss
index 50da224..4feaeb0 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -137,8 +137,8 @@ ul.pagination {
 
   .book-menu-content {
     width: $menu-width;
-    padding: $padding-16;
     background: var(--body-background);
+    padding: $padding-16;
   }
 
   a,
@@ -252,7 +252,7 @@ body[dir="rtl"] .book-menu {
 .book-page {
   min-width: $body-min-width;
   flex-grow: 1;
-  padding: $padding-16;
+  padding: $padding-8
 }
 
 .book-post {
@@ -539,10 +539,8 @@ body[dir="rtl"] .book-menu {
 
 // Extra space for big screens
 @media screen and (min-width: $container-max-width) {
-  .book-page,
-  .book-menu .book-menu-content,
   .book-toc .book-toc-content {
-    padding: 8px $padding-16;
+    padding: $padding-16;
   }
 }