diff --git a/native/components/thread-pill.react.js b/native/components/thread-pill.react.js
--- a/native/components/thread-pill.react.js
+++ b/native/components/thread-pill.react.js
@@ -3,6 +3,7 @@
 import * as React from 'react';
 
 import type { ThreadInfo } from 'lib/types/thread-types';
+import { useResolvedThreadInfo } from 'lib/utils/entity-helpers';
 
 import Pill from './pill.react';
 
@@ -13,10 +14,11 @@
 };
 function ThreadPill(props: Props): React.Node {
   const { threadInfo, roundCorners, fontSize } = props;
+  const { uiName } = useResolvedThreadInfo(threadInfo);
   return (
     <Pill
       backgroundColor={`#${threadInfo.color}`}
-      label={threadInfo.uiName}
+      label={uiName}
       roundCorners={roundCorners}
       fontSize={fontSize}
     />