diff --git a/superpage/src/components/HeaderNav.astro b/superpage/src/components/HeaderNav.astro
index ca75780..d68bd0b 100644
--- a/superpage/src/components/HeaderNav.astro
+++ b/superpage/src/components/HeaderNav.astro
@@ -31,9 +31,16 @@ import Container from './Container.astro'
         x-cloak
         x-show="open"
         x-on:click.outside="open = false"
+        x-transition:enter="transition ease-linear duration-150"
+        x-transition:enter-start="opacity-0"
+        x-transition:enter-end="opacity-100"
+        x-transition:leave="transition ease-in duration-100"
+        x-transition:leave-start="opacity-100"
+        x-transition:leave-end="opacity-0"
         role="menu"
         class="absolute top-0 bg-lime-400 w-full py-6 2xl:py-24 rounded-b-2xl drop-shadow shadow-sm"
-        style="display: none"
+        style="display:
+        none"
     >
         <Container class="text-black relative xl:w-10/12 2xl:w-5xl">
             <button