diff --git a/assets/css/app.css b/assets/css/app.css
index aa2064c..69c2060 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -56,10 +56,10 @@
     }
 
     & a {
-      @apply p-3 rounded hover:bg-primary-700 transition; 
+      @apply p-3 rounded hover:bg-neutral-700 transition; 
 
       &.active {
-        @apply bg-primary-700;
+        @apply bg-neutral-700;
       }
     }
   }
@@ -69,6 +69,7 @@
   #primary-sidebar {
     @apply col-span-1;
     @apply prose-a:no-underline;
+    @apply hover:prose-a:text-primary-600;
 
     & nav {
       @apply flex md:flex-row lg:flex-col mb-6 lg:mb-0;
diff --git a/assets/tailwind.config.js b/assets/tailwind.config.js
index cc594fd..90ad7d8 100644
--- a/assets/tailwind.config.js
+++ b/assets/tailwind.config.js
@@ -17,7 +17,7 @@ module.exports = {
     container: { center: true },
     extend: {
       colors: {
-        primary: colors.rose,
+        primary: colors.blue,
         neutral: colors.slate,
         foreground: 'rgb(var(--color-foreground) / <alpha-value>)',
         background: 'rgb(var(--color-background) / <alpha-value>)'