diff --git a/web/chat/chat-thread-list-item.react.js b/web/chat/chat-thread-list-item.react.js
--- a/web/chat/chat-thread-list-item.react.js
+++ b/web/chat/chat-thread-list-item.react.js
@@ -133,9 +133,10 @@
     <>
       <div className={containerClassName} onClick={onClick}>
         <div className={css.colorContainer}>
-          <div className={css.dotContainer}>{unreadDot}</div>
-
-          <div className={css.colorSplotch} style={colorSplotchStyle} />
+          <div className={css.colorSplotchContainer}>
+            <div className={css.dotContainer}>{unreadDot}</div>
+            <div className={css.colorSplotch} style={colorSplotchStyle} />
+          </div>
         </div>
         <div className={css.threadButton}>
           <p className={breadCrumbsClassName}>{ancestorPath}</p>
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
@@ -108,6 +108,10 @@
   width: 42px;
   border-radius: 1.68px;
 }
+div.colorSplotchContainer {
+  height: 42px;
+  display: flex;
+}
 div.lastActivity {
   font-size: var(--xxs-font-10);
   color: var(--fg);