diff --git a/assets/_main.scss b/assets/_main.scss
index 8b4e687..598523f 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -49,11 +49,11 @@ aside nav ul {
   list-style: none;
 
   li {
-    margin: 1em 0;
     position: relative;
   }
 
-  a {
+  a, span {
+    padding: .5em 0;
     display: block;
   }
 
@@ -136,10 +136,12 @@ a .book-icon {
 
   input.toggle + label::after {
     content: "▸";
+    align-self: center;
   }
 
   input.toggle:checked + label::after {
     content: "▾";
+    align-self: center;
   }
 }
 
@@ -155,7 +157,7 @@ body[dir="rtl"] .book-menu {
 }
 
 .book-section-flat {
-  margin: $padding-16 * 2 0;
+  margin: $padding-16 0;
 
   > a,
   > span,
@@ -210,7 +212,7 @@ body[dir="rtl"] .book-menu {
 
 .book-search {
   position: relative;
-  margin: $padding-16 0;
+  margin: $padding-8 0;
   border-bottom: 1px solid transparent;
 
   input {
@@ -244,6 +246,10 @@ body[dir="rtl"] .book-menu {
     @include spin(1s);
   }
 
+  ul a {
+    padding-bottom: 0;
+  }
+
   small {
     opacity: 0.5;
   }
@@ -280,7 +286,7 @@ body[dir="rtl"] .book-menu {
 }
 
 .book-languages {
-  margin-block-end: $padding-16 * 2;
+  margin-bottom: $padding-16;
 
   ul {
     padding-inline-start: 1.5em;
diff --git a/layouts/partials/docs/languages.html b/layouts/partials/docs/languages.html
index 51aabdd..90d3f82 100644
--- a/layouts/partials/docs/languages.html
+++ b/layouts/partials/docs/languages.html
@@ -13,8 +13,8 @@
 <ul class="book-languages">
   <li>
     <input type="checkbox" id="languages" class="toggle" />
-    <label for="languages" class="flex justify-between">
-      <a role="button" class="flex align-center">
+    <label for="languages" class="flex">
+      <a role="button" class="flex flex-auto">
         <img src="{{ "svg/translate.svg" | relURL }}" class="book-icon" alt="Languages" />
         {{ $.Site.Language.LanguageName }}
       </a>
diff --git a/layouts/partials/docs/menu-filetree.html b/layouts/partials/docs/menu-filetree.html
index 1494588..5105aa8 100644
--- a/layouts/partials/docs/menu-filetree.html
+++ b/layouts/partials/docs/menu-filetree.html
@@ -30,8 +30,8 @@
 
   {{ if .Page.Params.BookCollapseSection }}
     <input type="checkbox" id="section-{{ md5 .Page }}" class="toggle" {{ if or $current $ancestor }}checked{{ end }} />
-    <label for="section-{{ md5 .Page }}" class="flex justify-between">
-      <a {{ if .Page.Content }}href="{{ .Page.RelPermalink }}"{{ else }}role="button"{{ end }} class="{{ if $current }}active{{ end }}">
+    <label for="section-{{ md5 .Page }}" class="flex">
+      <a {{ if .Page.Content }}href="{{ .Page.RelPermalink }}"{{ else }}role="button"{{ end }} class="flex-auto {{ if $current }}active{{ end }}">
         {{- partial "docs/title" .Page -}}
       </a>
     </label>