diff --git a/resources/js/components/user-info.tsx b/resources/js/components/user-info.tsx
index 3ed29be6f..fa190a4e4 100644
--- a/resources/js/components/user-info.tsx
+++ b/resources/js/components/user-info.tsx
@@ -3,17 +3,17 @@ import type { User } from '@/types';
 
 export function UserInfo({
     user,
-    showUsername = false,
+    showHandle = false,
 }: {
     user: User;
-    showUsername?: boolean;
+    showHandle?: boolean;
 }) {
     return (
         <>
             <UserAvatar user={user} />
             <div className="grid flex-1 text-left text-sm leading-tight">
                 <span className="truncate font-medium">{user.name}</span>
-                {showUsername && (
+                {showHandle && (
                     <span className="truncate text-xs text-muted-foreground">
                         @{user.handle}
                     </span>
diff --git a/resources/js/components/user-menu-content.tsx b/resources/js/components/user-menu-content.tsx
index 10cfc4fbb..0af87e97e 100644
--- a/resources/js/components/user-menu-content.tsx
+++ b/resources/js/components/user-menu-content.tsx
@@ -51,7 +51,7 @@ export function UserMenuContent({ user }: Props) {
         <>
             <DropdownMenuLabel className="p-0 font-normal">
                 <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
-                    <UserInfo user={user} showUsername={true} />
+                    <UserInfo user={user} showHandle={true} />
                 </div>
             </DropdownMenuLabel>
             <DropdownMenuSeparator />