diff --git a/packages/stack-server/src/app/(main)/(protected)/projects/header.tsx b/packages/stack-server/src/app/(main)/(protected)/projects/header.tsx
index db9eefa3f..ef3fb314e 100644
--- a/packages/stack-server/src/app/(main)/(protected)/projects/header.tsx
+++ b/packages/stack-server/src/app/(main)/(protected)/projects/header.tsx
@@ -1,6 +1,7 @@
 "use client";
 import { Logo } from "@/components/logo";
 import { Sheet, SheetProps, Stack } from "@mui/joy";
+import { UserButton } from "@stackframe/stack";
 
 export function Header(props: SheetProps & { headerHeight: number }) {
   const { headerHeight, ...sheetProps } = props;
@@ -20,6 +21,7 @@ export function Header(props: SheetProps & { headerHeight: number }) {
         borderRight: 'none',
         display: 'flex',
         alignItems: 'stretch',
+        justifyContent: 'space-between',
         height: `${headerHeight}px`,
         ...(sheetProps.sx ?? {}),
       }}
@@ -27,6 +29,7 @@ export function Header(props: SheetProps & { headerHeight: number }) {
       <Stack sx={{ marginLeft: 2, justifyContent: 'center', height: headerHeight - 1 }}>
         <Logo full height={24} href="/projects" />
       </Stack>
+      <UserButton />
     </Sheet>
   );
 }
diff --git a/packages/stack/src/components-core/dropdown.tsx b/packages/stack/src/components-core/dropdown.tsx
index 1c71549a3..04c8bca54 100644
--- a/packages/stack/src/components-core/dropdown.tsx
+++ b/packages/stack/src/components-core/dropdown.tsx
@@ -37,8 +37,8 @@ const StyledContent = styled(DropdownMenuPrimitive.Content)<{
 `;
 
 const DropdownMenuContent = React.forwardRef<
-React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
+  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
 >(({ className, sideOffset = 4, ...props }, ref) => {
   const { colors } = useDesign();
   return (