diff --git a/web/chat/chat-thread-list-sidebar.react.js b/web/chat/chat-thread-list-sidebar.react.js
--- a/web/chat/chat-thread-list-sidebar.react.js
+++ b/web/chat/chat-thread-list-sidebar.react.js
@@ -19,10 +19,17 @@
 function ChatThreadListSidebar(props: Props): React.Node {
   const { sidebarInfo } = props;
   const { threadInfo, mostRecentNonLocalMessage } = sidebarInfo;
-  const threadID = threadInfo.id;
+  const {
+    currentUser: { unread },
+    id: threadID,
+  } = threadInfo;
   const active = useThreadIsActive(threadID);
 
   const onClick = useOnClickThread(threadInfo);
+  let unreadDot;
+  if (unread) {
+    unreadDot = <div className={css.unreadDot} />;
+  }
 
   return (
     <div
@@ -31,6 +38,7 @@
       })}
       onClick={onClick}
     >
+      <div className={css.dotContainer}>{unreadDot}</div>
       <SidebarItem sidebarInfo={sidebarInfo} />
       <ChatThreadListItemMenu
         threadInfo={threadInfo}
diff --git a/web/chat/chat-thread-list.css b/web/chat/chat-thread-list.css
--- a/web/chat/chat-thread-list.css
+++ b/web/chat/chat-thread-list.css
@@ -11,7 +11,6 @@
   display: flex;
   flex-direction: row;
   height: 32px;
-  padding-left: 16px;
   padding-right: 10px;
   position: relative;
   cursor: pointer;
@@ -158,6 +157,9 @@
   color: var(--thread-color-read);
   align-self: flex-start;
 }
+div.threadListSidebar > div.dotContainer {
+  width: 16px;
+}
 div.sidebarTitle.unread {
   color: var(--fg);
 }