diff --git a/src/components/Drawer.astro b/src/components/Drawer.astro
index 71ba496..cf7cbd0 100644
--- a/src/components/Drawer.astro
+++ b/src/components/Drawer.astro
@@ -18,7 +18,7 @@ const subpath = pathname.match(/[^/]+/g);
           class={cn(
             "flex items-center justify-center rounded-full px-3 py-1",
             "text-current hover:text-black dark:hover:text-white",
-            "hover:bg-black/5 dark:hover:bg-white/20",
+            "hover:bg-black/20 dark:hover:bg-white/20",
             "transition-colors duration-300 ease-in-out",
             pathname === LINK.HREF || "/" + subpath?.[0] === LINK.HREF
               ? "pointer-events-none bg-black text-white dark:bg-white dark:text-black"
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 094ebfc..995ff11 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -35,7 +35,7 @@ const subpath = pathname.match(/[^/]+/g);
                   "transition-colors duration-300 ease-in-out",
                   pathname === LINK.HREF || "/" + subpath?.[0] === LINK.HREF
                     ? "bg-black text-white dark:bg-white dark:text-black"
-                    : "hover:bg-black/5 hover:text-black dark:hover:bg-white/20 dark:hover:text-white",
+                    : "hover:bg-black/20 hover:text-black dark:hover:bg-white/20 dark:hover:text-white",
                 )}
               >
                 {LINK.TEXT}
@@ -52,7 +52,7 @@ const subpath = pathname.match(/[^/]+/g);
           class={cn(
             "flex md:hidden",
             "size-9 rounded-full p-2 items-center justify-center",
-            "bg-transparent hover:bg-black/5 dark:hover:bg-white/20",
+            "bg-transparent hover:bg-black/20 dark:hover:bg-white/20",
             "stroke-current hover:stroke-black hover:dark:stroke-white",
             "border border-black/10 dark:border-white/25",
             "transition-colors duration-300 ease-in-out",