diff --git a/assets/css/main.css b/assets/css/main.css
index 67c9381..5b9d16f 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -111,6 +111,14 @@
     color: transparent;
   }
 
+  .text-gradient-alt {
+    background: linear-gradient(90deg, var(--color-heat) 0%, var(--color-pulse) 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    color: transparent;
+  }
+
   .text-gradient-animated {
     background: linear-gradient(90deg, var(--color-heat), var(--color-pulse), var(--color-frost), var(--color-heat));
     background-size: 300% 100%;
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
index fa6d6d6..81dd3a1 100644
--- a/layouts/partials/nav.html
+++ b/layouts/partials/nav.html
@@ -93,7 +93,7 @@
               style="background: linear-gradient(90deg, rgba(255,26,140,0.07), transparent);"></span>
             <!-- Link text -->
             <span class="relative transition-colors duration-200 text-paper group-hover:text-heat uppercase"
-              :class="($store.nav.path === '{{ $href }}' || ('{{ $href }}' !== '/' && $store.nav.path.startsWith('{{ $href }}'))) ? 'text-gradient' : ''"
+              :class="($store.nav.path === '{{ $href }}' || ('{{ $href }}' !== '/' && $store.nav.path.startsWith('{{ $href }}'))) ? 'text-gradient-alt' : ''"
             >{{ .Name }}</span>
             <!-- Index number -->
             <span class="absolute right-0 top-1/2 -translate-y-1/2 label text-smoke group-hover:text-heat transition-colors duration-200"