fix: header clear on initial scroll (#158)

Author: MetallicGoat

src/components/layout/NavBar.tsx

@@ -45,8 +45,8 @@ const NavBar = () => {
   return (
     <nav
       className={clsx(
-        "fixed top-0 left-0 right-0 z-50 transition-shadow",
-        scroll && "bg-background-light-10 dark:bg-background-dark-90 shadow-xl",
+        "fixed top-0 left-0 right-0 z-50 transition-shadow bg-background-light-10 dark:bg-background-dark-90",
+        scroll && "shadow-xl",
       )}
     >
       <div className="max-w-7xl flex flex-row items-center mx-auto px-4 py-2 gap-2">