diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 7fcf7db..ccac98b 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -14,7 +14,7 @@ const headings = [
   <div class="w-full max-w-4xl h-full gap-2 flex justify-between">
     {headings.map((h) => (
       <div class="flex justify-center items-center">
-        <a href={h.url} class="text-2xl text-snow-storm-300 cursor-pointer hover:text-3xl transition-all">
+        <a href={h.url} class="text-2xl text-snow-storm-300 cursor-pointer hover:text-3xl transition-all duration-500">
           {h.name}
         </a>
       </div>