small header fix

components/nav-header.tsx

@@ -21,7 +21,7 @@ export const Header = ({ user }: { user: User | undefined }) => {
 
                 <SearchInput className="p-3 w-3/6 2xl:w-2/6" />
 
-                {user &&
+                {user ?
                     <div className={cn(buttonVariants({ variant: "ghost", size: "logo" }))}>
                         <UserAccountDropdown
                             user={{
@@ -31,6 +31,8 @@ export const Header = ({ user }: { user: User | undefined }) => {
                             }}
                         />
                     </div>
+                    :
+                    <span className="w-12" />
                 }
             </div>
         </header>