diff --git a/apps/login/lib/demos.ts b/apps/login/lib/demos.ts
index 7d8e5f2c937..0f224276564 100644
--- a/apps/login/lib/demos.ts
+++ b/apps/login/lib/demos.ts
@@ -9,8 +9,8 @@ export const demos: { name: string; items: Item[] }[] = [
     name: "Login",
     items: [
       {
-        name: "Username",
-        slug: "username",
+        name: "Loginname",
+        slug: "loginname",
         description: "The entrypoint of the application",
       },
       {
diff --git a/apps/login/ui/UserAvatar.tsx b/apps/login/ui/UserAvatar.tsx
index 6ab823bc4d1..053656d83d0 100644
--- a/apps/login/ui/UserAvatar.tsx
+++ b/apps/login/ui/UserAvatar.tsx
@@ -18,8 +18,8 @@ export default function UserAvatar({
       <div>
         <Avatar
           size="small"
-          name={displayName ?? loginName ?? "A"}
-          loginName={loginName ?? "A"}
+          name={displayName ?? loginName ?? ""}
+          loginName={loginName ?? ""}
         />
       </div>
       <span className="ml-4 text-14px">{loginName}</span>