diff --git a/src/layouts/partials/Header.astro b/src/layouts/partials/Header.astro
index b027a24..0fc229b 100755
--- a/src/layouts/partials/Header.astro
+++ b/src/layouts/partials/Header.astro
@@ -76,7 +76,7 @@ const { pathname } = Astro.url;
                     <path d="M9.293 12.95l.707.707L15.657 8l-1.414-1.414L10 10.828 5.757 6.586 4.343 8z" />
                   </svg>
                 </label>
-                <ul class=" hidden peer-checked:block lg:invisible lg:absolute lg:block lg:opacity-0 lg:group-hover:visible lg:group-hover:opacity-100">
+                <ul class="nav-dropdown-list hidden peer-checked:block lg:invisible lg:absolute lg:block lg:opacity-0 lg:group-hover:visible lg:group-hover:opacity-100">
                   {menu.children?.map((child) => (
                     <li class="nav-dropdown-item">
                       <a
diff --git a/src/styles/navigation.css b/src/styles/navigation.css
index 839f3b6..0ed18dd 100755
--- a/src/styles/navigation.css
+++ b/src/styles/navigation.css
@@ -30,12 +30,8 @@
   @apply pointer-events-none;
 }
 
-.nav-dropdown.active .nav-dropdown-list {
-  @apply block;
-}
-
 .nav-dropdown-list {
-  @apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow-sm hidden lg:invisible lg:absolute lg:block lg:opacity-0;
+  @apply bg-body dark:bg-darkmode-body z-10 min-w-[180px] rounded p-4 shadow-sm;
 }
 
 .nav-dropdown-item {