diff --git a/web/modals/chat/message-reactions-list-item.react.js b/web/modals/chat/message-reactions-list-item.react.js
index 4fa843f07..53761f4c5 100644
--- a/web/modals/chat/message-reactions-list-item.react.js
+++ b/web/modals/chat/message-reactions-list-item.react.js
@@ -1,37 +1,41 @@
 // @flow
 
 import * as React from 'react';
 
 import { type MessageReactionListInfo } from 'lib/shared/reaction-utils.js';
 
 import css from './message-reactions-modal.css';
 import UserAvatar from '../../avatars/user-avatar.react.js';
+import { usePushUserProfileModal } from '../user-profile/user-profile-utils.js';
 
 type Props = {
   +messageReactionUser: MessageReactionListInfo,
 };
 
 function MessageReactionsListItem(props: Props): React.Node {
   const { messageReactionUser } = props;
 
+  const pushUserProfileModal = usePushUserProfileModal(messageReactionUser.id);
+
   const messageReactionsListItem = React.useMemo(
     () => (
-      <div className={css.userRowContainer}>
+      <div className={css.userRowContainer} onClick={pushUserProfileModal}>
         <div className={css.userInfoContainer}>
           <UserAvatar size="S" userID={messageReactionUser.id} />
           <div className={css.username}>{messageReactionUser.username}</div>
         </div>
         <div>{messageReactionUser.reaction}</div>
       </div>
     ),
     [
       messageReactionUser.id,
       messageReactionUser.reaction,
       messageReactionUser.username,
+      pushUserProfileModal,
     ],
   );
 
   return messageReactionsListItem;
 }
 
 export default MessageReactionsListItem;
diff --git a/web/modals/chat/message-reactions-modal.css b/web/modals/chat/message-reactions-modal.css
index 996595b3d..ffe34d9b1 100644
--- a/web/modals/chat/message-reactions-modal.css
+++ b/web/modals/chat/message-reactions-modal.css
@@ -1,27 +1,33 @@
 div.modalContentContainer {
-  padding: 24px 32px 32px 32px;
+  padding: 16px 24px 24px 24px;
   color: var(--fg);
   background-color: var(--modal-bg);
   flex: 1;
   display: flex;
   flex-direction: column;
   font-size: var(--l-font-18);
-  gap: 16px;
   overflow-y: auto;
 }
 
 div.userRowContainer {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
+  padding: 8px;
+}
+
+div.userRowContainer:hover {
+  cursor: pointer;
+  background-color: var(--drawer-open-community-bg);
+  border-radius: 8px;
 }
 
 div.userInfoContainer {
   display: flex;
   flex-direction: row;
   align-items: center;
 }
 
 div.username {
   margin-left: 8px;
 }