diff --git a/cmd/hugothemesitebuilder/build/site/layouts/single.html b/cmd/hugothemesitebuilder/build/site/layouts/single.html
index cfa69a8..537ef01 100644
--- a/cmd/hugothemesitebuilder/build/site/layouts/single.html
+++ b/cmd/hugothemesitebuilder/build/site/layouts/single.html
@@ -36,10 +36,10 @@
         </div>
         <div class="mt-8 text-sm">
           <kbd
-            class="rounded-sm text-lg outline-1 outline-gray-300 bg-gray-100 shadow-sm px-2 py-1"
+            class="rounded-sm text-lg outline-1 outline-gray-300 dark:outline-gray-600 bg-gray-100 dark:bg-gray-700 shadow-sm px-2 py-1"
             >←</kbd
           ><kbd
-            class="ml-2 mr-1 text-lg rounded-sm outline-1 outline-gray-300 bg-gray-100 shadow-sm px-2 py-1"
+            class="ml-2 mr-1 rounded-sm text-lg outline-1 outline-gray-300 dark:outline-gray-600 bg-gray-100 dark:bg-gray-700 shadow-sm px-2 py-1"
             >→</kbd
           >
           to navigate
@@ -170,7 +170,7 @@ dark:hover:text-blue-200 dark:text-blue-200">
     x-show="$store.nav.scroll.atTop"
     @keydown.left.window.prevent="if(prev) { document.location.href = prev; }"
     @keydown.right.window.prevent="if(next) { document.location.href = next; }">
-    {{ $classes := "ml-6 fixed mb-6 flex items-center justify-center rounded-md bg-white/80 dark:bg-dark px-3.5 py-2.5 text-sm font-semibold text-black dark:text-white outline-solid outline-gray-300 dark:outline-gray-800 shadow-xs hover:bg-gray-50 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400" }}
+    {{ $classes := "ml-6 fixed mb-6 flex items-center justify-center rounded-md bg-white/80 dark:bg-dark px-3.5 py-2.5 text-sm font-semibold text-black dark:text-white outline-solid outline-gray-300 dark:outline-gray-800 shadow-xs hover:bg-gray-50 dark:hover:bg-gray-800 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gray-400" }}
     {{ with $prev }}
       <a href="{{ . }}" class="bottom-0 {{ $classes }}">
         <svg