diff --git a/src/UserMenu.tsx b/src/UserMenu.tsx
index 92e297e4..36090f38 100644
--- a/src/UserMenu.tsx
+++ b/src/UserMenu.tsx
@@ -36,7 +36,7 @@ interface UserMenuProps {
   isAuthenticated: boolean;
   isPasswordlessUser: boolean;
   displayName: string;
-  avatarUrl: string;
+  avatarUrl?: string;
   onAction: (value: string) => void;
 }
 
diff --git a/src/UserMenuContainer.tsx b/src/UserMenuContainer.tsx
index ad1a6bce..6a83133e 100644
--- a/src/UserMenuContainer.tsx
+++ b/src/UserMenuContainer.tsx
@@ -61,18 +61,14 @@ export function UserMenuContainer({ preventNavigation = false }: Props) {
   const userName = client?.getUserIdLocalpart() ?? "";
   return (
     <>
-      {avatarUrl && (
-        <UserMenu
-          preventNavigation={preventNavigation}
-          isAuthenticated={authenticated}
-          isPasswordlessUser={passwordlessUser}
-          avatarUrl={avatarUrl}
-          onAction={onAction}
-          displayName={
-            displayName || (userName ? userName.replace("@", "") : "")
-          }
-        />
-      )}
+      <UserMenu
+        preventNavigation={preventNavigation}
+        isAuthenticated={authenticated}
+        isPasswordlessUser={passwordlessUser}
+        avatarUrl={avatarUrl}
+        onAction={onAction}
+        displayName={displayName || (userName ? userName.replace("@", "") : "")}
+      />
       {modalState.isOpen && client && (
         <SettingsModal
           client={client}