diff --git a/package.json b/package.json
index 140a0a1..75d0d1e 100755
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "astroplate",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "Astro and Tailwindcss boilerplate",
   "author": "zeon.studio",
   "license": "MIT",
diff --git a/src/styles/navigation.scss b/src/styles/navigation.scss
index 77a6455..3a17be9 100755
--- a/src/styles/navigation.scss
+++ b/src/styles/navigation.scss
@@ -31,12 +31,12 @@ input#nav-toggle:checked ~ #nav-menu {
   @apply text-center lg:text-left;
 }
 
-.nav-item {
-  // @apply mx-3;
-}
+// .nav-item {
+//   @apply mx-3;
+// }
 
 .nav-link {
-  @apply block p-3 font-semibold text-dark transition hover:text-primary dark:text-darkmode-dark lg:px-2 lg:py-3;
+  @apply block p-3 font-semibold transition text-dark hover:text-primary dark:text-darkmode-dark dark:hover:text-darkmode-primary lg:px-2 lg:py-3;
 }
 
 .nav-dropdown {