diff --git a/web/modals/chat/message-reactions-modal.css b/web/modals/chat/message-reactions-modal.css
index b8e2317bf..541005760 100644
--- a/web/modals/chat/message-reactions-modal.css
+++ b/web/modals/chat/message-reactions-modal.css
@@ -1,16 +1,26 @@
 div.modalContentContainer {
   padding: 24px 32px 32px 32px;
   color: var(--fg);
   background-color: var(--modal-bg);
   flex: 1;
   display: flex;
   flex-direction: column;
   font-size: var(--l-font-18);
   gap: 16px;
 }
 
 div.userRowContainer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
 }
+
+div.userInfoContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+div.username {
+  margin-left: 8px;
+}
diff --git a/web/modals/chat/message-reactions-modal.react.js b/web/modals/chat/message-reactions-modal.react.js
index 088c99eac..5d63d1f46 100644
--- a/web/modals/chat/message-reactions-modal.react.js
+++ b/web/modals/chat/message-reactions-modal.react.js
@@ -1,39 +1,43 @@
 // @flow
 
 import * as React from 'react';
 
 import type { ReactionInfo } from 'lib/selectors/chat-selectors.js';
 import { useMessageReactionsList } from 'lib/shared/reaction-utils.js';
 
 import css from './message-reactions-modal.css';
+import UserAvatar from '../../components/user-avatar.react.js';
 import Modal from '../modal.react.js';
 
 type Props = {
   +onClose: () => void,
   +reactions: ReactionInfo,
 };
 
 function MessageReactionsModal(props: Props): React.Node {
   const { onClose, reactions } = props;
 
   const messageReactionsList = useMessageReactionsList(reactions);
 
   const reactionsList = React.useMemo(
     () =>
       messageReactionsList.map(messageReactionUser => (
         <div key={messageReactionUser.id} className={css.userRowContainer}>
-          <div>{messageReactionUser.username}</div>
+          <div className={css.userInfoContainer}>
+            <UserAvatar size="small" userID={messageReactionUser.id} />
+            <div className={css.username}>{messageReactionUser.username}</div>
+          </div>
           <div>{messageReactionUser.reaction}</div>
         </div>
       )),
     [messageReactionsList],
   );
 
   return (
     <Modal size="large" name="Reactions" onClose={onClose}>
       <div className={css.modalContentContainer}>{reactionsList}</div>
     </Modal>
   );
 }
 
 export default MessageReactionsModal;