diff --git a/src/assets/styles/base.css b/src/assets/styles/base.css
index 7030c33..f2e0d89 100644
--- a/src/assets/styles/base.css
+++ b/src/assets/styles/base.css
@@ -17,7 +17,7 @@
 }
 
 #header.scroll {
-	@apply border-b dark:border-none border-gray-50 bg-white md:bg-white/90 md:backdrop-blur-sm dark:bg-slate-900 dark:md:bg-slate-900/90;
+	@apply drop-shadow-md bg-white md:bg-white/90 md:backdrop-blur-sm dark:bg-slate-900 dark:md:bg-slate-900/90;
 }
 
 .dropdown:hover .dropdown-menu {
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index 36b672b..a3bf7ae 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -43,7 +43,7 @@ const links = [
 ];
 ---
 
-<header class="sticky top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-200" id="header">
+<header class="sticky top-0 z-40 flex-none mx-auto w-full transition-all ease-in duration-100" id="header">
 	<div class="py-3 px-3 mx-auto w-full md:flex md:justify-between max-w-6xl md:px-4">
 		<div class="flex justify-between">
 			<a class="flex items-center" href={getHomePermalink()}>