diff --git a/src/app/dashboard/layout.tsx b/src/app/dashboard/layout.tsx
index 6f91e10..8a91a0a 100644
--- a/src/app/dashboard/layout.tsx
+++ b/src/app/dashboard/layout.tsx
@@ -41,7 +41,7 @@ export default async function DashboardLayout({
                     </div>
 
                     <div className="ml-auto flex items-center space-x-4">
-                        <UserNav />
+                        <UserNav user={userData} />
                     </div>
                 </header>
 
diff --git a/src/components/user-nav.tsx b/src/components/user-nav.tsx
index af0cc0a..3e84a1a 100644
--- a/src/components/user-nav.tsx
+++ b/src/components/user-nav.tsx
@@ -14,18 +14,28 @@ import {
 import { signOut } from "@/app/(auth)/actions"
 import { useRouter } from "next/navigation"
 
-export function UserNav() {
+interface UserNavProps {
+    user?: {
+        name: string | null
+        email: string | null
+    }
+}
+
+export function UserNav({ user }: UserNavProps) {
     const router = useRouter()
 
     const handleSignOut = async () => {
         await signOut()
     }
 
+    const displayName = user?.name || user?.email?.split('@')[0] || 'K'
+    const initial = displayName.charAt(0).toUpperCase()
+
     return (
         <DropdownMenu>
             <DropdownMenuTrigger asChild>
-                <Button variant="outline" className="relative">
-                    Seçenekler
+                <Button variant="ghost" className="relative h-8 w-8 rounded-full bg-primary/10 hover:bg-primary/20">
+                    <span className="font-bold text-primary">{initial}</span>
                 </Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent className="w-56" align="end" forceMount>