diff --git a/web/chat/chat-thread-composer.css b/web/chat/chat-thread-composer.css
--- a/web/chat/chat-thread-composer.css
+++ b/web/chat/chat-thread-composer.css
@@ -63,9 +63,16 @@
 
 div.userName {
   color: var(--fg);
+  margin-left: 8px;
 }
 
 div.userInfo {
   font-style: italic;
   color: var(--thread-creation-search-item-info-color);
 }
+
+div.userContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
diff --git a/web/chat/chat-thread-composer.react.js b/web/chat/chat-thread-composer.react.js
--- a/web/chat/chat-thread-composer.react.js
+++ b/web/chat/chat-thread-composer.react.js
@@ -14,6 +14,7 @@
 import Button from '../components/button.react.js';
 import Label from '../components/label.react.js';
 import Search from '../components/search.react.js';
+import UserAvatar from '../components/user-avatar.react.js';
 import type { InputState } from '../input/input-state.js';
 import { updateNavInfoActionType } from '../redux/action-types.js';
 import { useSelector } from '../redux/redux-utils.js';
@@ -101,7 +102,10 @@
               onClick={() => onSelectUserFromSearch(userSearchResult.id)}
               className={css.searchResultsButton}
             >
-              <div className={css.userName}>{userSearchResult.username}</div>
+              <div className={css.userContainer}>
+                <UserAvatar size="small" userID={userSearchResult.id} />
+                <div className={css.userName}>{userSearchResult.username}</div>
+              </div>
               <div className={css.userInfo}>{userSearchResult.alertTitle}</div>
             </Button>
           </li>