Improve header

components/header/index.tsx

@@ -9,7 +9,7 @@ import Logo from './logo.jpg';
 import { MobileMenu } from './mobile-menu';
 
 export const Header = () => (
-  <HeaderProvider className="container fixed top-0 right-0 left-0 z-50 mx-auto flex items-center justify-between border-transparent border-x border-b px-4 py-2 transition-all sm:py-4">
+  <HeaderProvider className="container fixed top-0 right-0 left-0 z-50 mx-auto flex items-center justify-between border-x bg-backdrop/90 px-4 py-2 backdrop-blur-md transition-all sm:py-4">
     <div className="w-32">
       <ViewAnimation
         initial={{ opacity: 0, translateY: -8 }}

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "website1",
+  "name": "haydenbleasel",
   "version": "0.1.0",
   "private": true,
   "scripts": {

providers/header.tsx

@@ -23,12 +23,7 @@ export const HeaderProvider = ({
   }, []);
 
   return (
-    <header
-      className={cn(
-        className,
-        isScrolled && 'border-border bg-backdrop/90 backdrop-blur-md'
-      )}
-    >
+    <header className={cn(className, isScrolled && 'border-b')}>
       {children}
     </header>
   );