diff --git a/components/layout/index.tsx b/components/layout/index.tsx
index 9f2677a..879af36 100644
--- a/components/layout/index.tsx
+++ b/components/layout/index.tsx
@@ -27,7 +27,7 @@ export default function Layout({
           scrolled
             ? "border-b border-gray-200 bg-white/50 backdrop-blur-xl"
             : "bg-white/0"
-        } z-30 transition-all`}
+        } z-30 transition-opacity`}
       >
         <div className="mx-5 flex h-16 max-w-screen-xl items-center justify-between xl:mx-auto">
           <Link href="/" className="flex items-center font-display text-2xl">