diff --git a/src/components/UserAvatar.tsx b/src/components/UserAvatar.tsx
index 3a2790e835..be4e4c6729 100644
--- a/src/components/UserAvatar.tsx
+++ b/src/components/UserAvatar.tsx
@@ -22,7 +22,9 @@ const UserAvatar: FC<UserAvatarProps> = ({ user }) => {
                     undefined
             }
             sx={{
-                bgcolor: theme.palette.primary.dark,
+                bgcolor: api && user.Id && user.PrimaryImageTag ?
+                    theme.palette.background.paper :
+                    theme.palette.primary.dark,
                 color: 'inherit'
             }}
         />