diff --git a/src/app/navbar/navbar.component.html b/src/app/navbar/navbar.component.html
index 242cbdb..b537cf4 100644
--- a/src/app/navbar/navbar.component.html
+++ b/src/app/navbar/navbar.component.html
@@ -3,7 +3,7 @@
     @for (item of navItems; track item.path) {
       <li>
         <div class="flex justify-center">
-          <a href="{{item.path}}" class="text-xl font-bold">
+          <a href="{{item.path}}" class="text-xl font-bold hover:text-purple-500">
             {{ item.label }}
           </a>
         </div>