diff --git a/src/components/Header.astro b/src/components/Header.astro
index 369285a..697a8be 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -6,14 +6,14 @@ const { title } = Astro.props;
   <div class="mx-auto flex max-w-screen-sm select-none flex-col">
     {
       title && (
-        <a href="/" class="font-['Red_Hat_Display'] text-xs font-bold hover:opacity-70">
+        <a href="/" class="font-['Red_Hat_Display'] text-xs font-bold hover:opacity-70 duration-75">
           grammY <span class="opacity-30">tools</span>
         </a>
       )
     }
     {
       !title && (
-        <a href="/" class="font-['Red_Hat_Display'] text-xl font-bold hover:opacity-70">
+        <a href="/" class="font-['Red_Hat_Display'] text-xl font-bold hover:opacity-70 duration-75">
           grammY <span class="opacity-30">tools</span>
         </a>
       )