diff --git a/web/chat/thread-top-bar.react.js b/web/chat/thread-top-bar.react.js
--- a/web/chat/thread-top-bar.react.js
+++ b/web/chat/thread-top-bar.react.js
@@ -4,6 +4,7 @@
 
 import { threadIsPending } from 'lib/shared/thread-utils';
 import type { ThreadInfo } from 'lib/types/thread-types';
+import { useResolvedThreadInfo } from 'lib/utils/entity-helpers';
 
 import ThreadAncestors from './chat-thread-ancestors.react';
 import ThreadMenu from './thread-menu.react';
@@ -26,6 +27,7 @@
     threadMenu = <ThreadMenu threadInfo={threadInfo} />;
   }
 
+  const { uiName } = useResolvedThreadInfo(threadInfo);
   return (
     <div className={css.topBarContainer}>
       <div className={css.topBarThreadInfo}>
@@ -33,7 +35,7 @@
           className={css.threadColorSquare}
           style={threadBackgroundColorStyle}
         />
-        <p className={css.threadTitle}>{threadInfo.uiName}</p>
+        <p className={css.threadTitle}>{uiName}</p>
         <ThreadAncestors threadInfo={threadInfo} />
       </div>
       {threadMenu}