1 files changed, 6 insertions, 8 deletions
diff --git a/src/view/com/notifications/FeedItem.tsx b/src/view/com/notifications/FeedItem.tsx
index c498dd607..8d53e921b 100644
--- a/src/view/com/notifications/FeedItem.tsx
+++ b/src/view/com/notifications/FeedItem.tsx
@@ -6,7 +6,7 @@ import {FontAwesomeIcon, Props} from '@fortawesome/react-native-fontawesome'
 import {NotificationsViewItemModel} from '../../../state/models/notifications-view'
 import {s, colors} from '../../lib/styles'
 import {ago, pluralize} from '../../lib/strings'
-import {DEF_AVATER} from '../../lib/assets'
+import {UserAvatar} from '../util/UserAvatar'
 import {PostText} from '../post/PostText'
 import {Post} from '../post/Post'
 import {Link} from '../util/Link'
@@ -114,7 +114,11 @@ export const FeedItem = observer(function FeedItem({
                 key={author.href}
                 href={author.href}
                 title={`@${author.name}`}>
-                <Image style={styles.avi} source={DEF_AVATER} />
+                <UserAvatar
+                  size={30}
+                  displayName={author.displayName}
+                  name={author.name}
+                />
               </Link>
             ))}
             {authors.length > MAX_AUTHORS ? (
@@ -197,12 +201,6 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
   },
-  avi: {
-    width: 30,
-    height: 30,
-    borderRadius: 15,
-    resizeMode: 'cover',
-  },
   aviExtraCount: {
     fontWeight: 'bold',
     paddingLeft: 6,