diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index 42b2db8..4a0e5d0 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -15,7 +15,7 @@ const routes = ["blog"];
       {
         routes.map((route) => (
           <a
-            class="inline-block border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
+            class="inline-block border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
             href={`/${route}`}
           >
             {route
@@ -26,7 +26,7 @@ const routes = ["blog"];
         ))
       }
       <button
-        class="theme-toggle cursor-pointer border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
+        class="theme-toggle cursor-pointer border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
         title="Toggle dark mode"
       >
         <!-- Moon -->
@@ -55,7 +55,7 @@ const routes = ["blog"];
         </svg>
       </button>
       <a
-        class="inline-grid cursor-pointer place-content-center border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
+        class="inline-grid cursor-pointer place-content-center border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
         title="RSS feed"
         href="/rss.xml"
       >
diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro
index 057c0ed..9ef0d54 100644
--- a/src/pages/blog/[slug].astro
+++ b/src/pages/blog/[slug].astro
@@ -32,7 +32,7 @@ const { Content, headings } = await render(article);
   >
     <summary
       title="Table of contents"
-      class="mx-auto flex w-fit cursor-pointer list-none border-b-2 border-transparent px-2 py-2.5 hover:border-neutral-300 hover:bg-neutral-200 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
+      class="mx-auto flex w-fit cursor-pointer list-none border-b-2 border-transparent p-2 hover:border-neutral-300 hover:bg-neutral-100 hover:dark:border-neutral-600 hover:dark:bg-neutral-700"
     >
       <svg
         xmlns="http://www.w3.org/2000/svg"
@@ -45,7 +45,7 @@ const { Content, headings } = await render(article);
         ></path>
       </svg>
     </summary>
-    <div class="not-prose max-h-[calc(100vh-4rem)] overflow-y-scroll p-2">
+    <div class="not-prose max-h-[calc(100vh-8rem)] overflow-y-scroll p-2">
       <p class="text-center">
         <strong class="text-sm">Table of Contents</strong>
       </p>