diff --git a/client/src/components/ConversationAvatar.js b/client/src/components/ConversationAvatar.js
index e50c383..9d19f25 100644
--- a/client/src/components/ConversationAvatar.js
+++ b/client/src/components/ConversationAvatar.js
@@ -1,9 +1,10 @@
 import React from 'react'
 import { Avatar } from '@mui/material'
-import { PersonRounded } from '@mui/icons-material'
 
-export default function ConversationAvatar(props) {
-  return <Avatar>
-    {props.displayName ? props.displayName[0].toUpperCase() : <PersonRounded />}
-  </Avatar>
+export default function ConversationAvatar({displayName,...props}) {
+  return <Avatar
+    {...props}
+    alt={displayName}
+    src="/broken"
+  />
 }