diff --git a/app/components/MentionList/MentionRow.tsx b/app/components/MentionList/MentionRow.tsx
index e51208f..742be56 100644
--- a/app/components/MentionList/MentionRow.tsx
+++ b/app/components/MentionList/MentionRow.tsx
@@ -19,8 +19,8 @@ export function MentionRow(props : MentionRowProps) {
             {props.username == 'all' && <Avatar title="@" variant="filled" color={colors.brandColor}>@</Avatar>}
             {props.username == 'admin' && <Avatar title="@" variant="filled" color={colors.error}>@</Avatar>}
             {props.username != 'all' && props.username != 'admin' && <Avatar 
-                title={props.title} 
-                variant="filled" 
+                name={props.title}
+                variant="light" 
                 color="initials"
                 src={avatars.length > 0 ? avatars[0].avatar : null}
             ></Avatar>}