diff --git a/src/components/header.svelte b/src/components/header.svelte
index 6b3f672..f3effc7 100644
--- a/src/components/header.svelte
+++ b/src/components/header.svelte
@@ -11,7 +11,12 @@
     </div>
 
     <div class="flex items-center justify-center">
-      <a href="/" class="text-center"> Progress tracker </a>
+      <a
+        href="/"
+        class="block text-center capitalize underline decoration-transparent decoration-1 transition-colors hover:decoration-pink-600"
+      >
+        Progress tracker
+      </a>
     </div>
 
     <div class="flex items-center justify-end gap-2 py-2 md:gap-4">