diff --git a/components/layout/user-dropdown.tsx b/components/layout/user-dropdown.tsx
index b9c9c1a9..023e0ce8 100644
--- a/components/layout/user-dropdown.tsx
+++ b/components/layout/user-dropdown.tsx
@@ -8,7 +8,7 @@ import Image from "next/image";
 import { Session } from "next-auth";
 
 export default function UserDropdown({ session }: { session: Session }) {
-  const { email, image } = session?.user || {};
+  const { name, email, image } = session?.user || {};
   const [openPopover, setOpenPopover] = useState(false);
 
   if (!email) return null;
@@ -51,7 +51,7 @@ export default function UserDropdown({ session }: { session: Session }) {
         >
           <Image
             alt={email}
-            src={image || `https://avatars.dicebear.com/api/micah/${email}.svg`}
+            src={image || `https://avatars.dicebear.com/api/micah/${name}.svg`}
             width={40}
             height={40}
           />