diff --git a/components/ui/avatar.tsx b/components/ui/avatar.tsx
index d0c97963..cdc69d18 100644
--- a/components/ui/avatar.tsx
+++ b/components/ui/avatar.tsx
@@ -223,7 +223,7 @@ export function Avatar({ name, email, contactPhotoUri, size = "md", className }:
         sizeClasses[size],
         className
       )}
-      style={{ backgroundColor: getBackgroundColor() }}
+      style={{ backgroundColor: imgSrc ? "#ffffff" : getBackgroundColor() }}
       title={name || email}
     >
       {imgSrc ? (