diff --git a/components/dashboard/user-nav.tsx b/components/dashboard/user-nav.tsx
index fad8f90..d0cb34f 100644
--- a/components/dashboard/user-nav.tsx
+++ b/components/dashboard/user-nav.tsx
@@ -65,7 +65,7 @@ export function UserNav({ user, profile }: UserNavProps) {
                     </Avatar>
                 </Button>
             </DropdownMenuTrigger>
-            <DropdownMenuContent className="w-56" align="end" forceMount>
+            <DropdownMenuContent className="w-56" align="end">
                 <DropdownMenuLabel className="font-normal">
                     <div className="flex flex-col space-y-1">
                         <p className="text-sm font-medium leading-none">{profile?.full_name || 'Kullanıcı'}</p>
diff --git a/components/ui/button.tsx b/components/ui/button.tsx
index 37a7d4b..f468336 100644
--- a/components/ui/button.tsx
+++ b/components/ui/button.tsx
@@ -36,27 +36,21 @@ const buttonVariants = cva(
   }
 )
 
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  asChild = false,
-  ...props
-}: React.ComponentProps<"button"> &
+const Button = React.forwardRef<HTMLButtonElement, React.ComponentProps<"button"> &
   VariantProps<typeof buttonVariants> & {
     asChild?: boolean
-  }) {
-  const Comp = asChild ? Slot : "button"
+  }>(({ className, variant = "default", size = "default", asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button"
 
-  return (
-    <Comp
-      data-slot="button"
-      data-variant={variant}
-      data-size={size}
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
+    return (
+      <Comp
+        data-slot="button"
+        className={cn(buttonVariants({ variant, size, className }))}
+        ref={ref}
+        {...props}
+      />
+    )
+  })
+Button.displayName = "Button"
 
 export { Button, buttonVariants }