diff --git a/stylesheets/components/Avatar.scss b/stylesheets/components/Avatar.scss
index 38e3987830..c572f408a0 100644
--- a/stylesheets/components/Avatar.scss
+++ b/stylesheets/components/Avatar.scss
@@ -105,13 +105,4 @@
   &__spinner-container {
     padding: 4px;
   }
-
-  &--undefined {
-    background-color: $color-gray-15;
-    color: $color-gray-75;
-
-    &--icon {
-      background-color: $color-gray-75;
-    }
-  }
 }
diff --git a/ts/components/Avatar.tsx b/ts/components/Avatar.tsx
index c4598b79cb..25b08fab5b 100644
--- a/ts/components/Avatar.tsx
+++ b/ts/components/Avatar.tsx
@@ -73,7 +73,7 @@ export const Avatar: FunctionComponent<Props> = ({
   acceptedMessageRequest,
   avatarPath,
   className,
-  color,
+  color = 'A200',
   conversationType,
   i18n,
   isMe,