+1 -1

app/layout.tsx

reviewed

··· 114 114 </Link> 115 115 </div> 116 116 117 117 - <Header className="ml-auto flex items-center" /> 117 117 + <Header className="ml-auto flex gap-4 items-center" /> 118 118 </nav> 119 119 120 120 <Provider>

+2 -1

components/Header.tsx

reviewed

··· 56 56 }); 57 57 }, []); 58 58 59 59 + 59 60 const UserButton = ( 60 61 <button className={cn("ml-auto flex dark:hover:bg-wamellow hover:bg-wamellow-100 py-2 px-4 rounded-md duration-200 items-center", menu && "dark:bg-wamellow bg-wamellow-100")} onClick={() => setMenu(!menu)}> 61 62 ··· 217 218 > 218 219 <AnimatePresence initial={false}> 219 220 {user?.id && menu && 220 220 - <div className="flex text-base font-medium dark:text-neutral-300 text-neutral-700 select-none overflow-x-hidden"> 221 221 + <div className="pr-4 flex text-base font-medium dark:text-neutral-300 text-neutral-700 select-none overflow-x-hidden"> 221 222 <div className="ml-auto overflow-x-hidden"><div className="absolute left-0 sm:left-auto px-4 sm:px-0 z-40 w-full">{UserDropdown}</div></div> 222 223 </div> 223 224 }