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
@@ -16,15 +16,24 @@
 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);
 
+  let unreadDot;
+  if (unread) {
+    unreadDot = <div className={css.unreadDot} />;
+  }
+
   return (
     <div
       className={classNames(css.threadListSidebar, css.sidebar, {
         [css.activeThread]: active,
       })}
     >
+      <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
@@ -10,7 +10,6 @@
   display: flex;
   flex-direction: row;
   height: 32px;
-  padding-left: 16px;
   padding-right: 10px;
   position: relative;
 }
@@ -134,6 +133,9 @@
   color: var(--thread-color-read);
   align-self: flex-start;
 }
+div.threadListSidebar > div.dotContainer {
+  width: 16px;
+}
 div.sidebarTitle.unread {
   color: var(--fg);
 }