diff --git a/frontend/scss/components/_btns.scss b/frontend/scss/components/_btns.scss
index 30b4db4..4fca153 100644
--- a/frontend/scss/components/_btns.scss
+++ b/frontend/scss/components/_btns.scss
@@ -6,7 +6,7 @@
   }
 
   &-dark {
-    @apply bg-primary-900 hover:bg-primary-950 dark:bg-primary-600 dark:hover:bg-primary-500 focus-visible:outline-primary-950;
+    @apply bg-primary-900 hover:bg-primary-950 dark:bg-primary-950 dark:hover:bg-primary-700 focus-visible:outline-primary-950;
   }
 
   &-gray {
diff --git a/templates/includes/macros.html.tera b/templates/includes/macros.html.tera
index 7de0cbf..31e1824 100644
--- a/templates/includes/macros.html.tera
+++ b/templates/includes/macros.html.tera
@@ -124,7 +124,7 @@
         {% endif %}
         <a
           href="/auth/logout"
-          class="inline-flex justify-center rounded-md bg-primary-600 ml-1 px-3 py-2 text-sm font-semibold text-white hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
+          class="inline-flex justify-center rounded-md bg-gray-200 ml-1 px-3 py-2 text-sm font-semibold text-primary-950 hover:bg-gray-300 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600 cursor-pointer"
         >
           <svg
             class="inline h-4"