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
@@ -132,6 +132,9 @@
   color: var(--thread-color-read);
   align-self: flex-start;
 }
+div.sidebarTitle.unread {
+  color: var(--fg);
+}
 div.sidebarLastActivity {
   white-space: nowrap;
   font-size: var(--xxs-font-10);
diff --git a/web/chat/sidebar-item.react.js b/web/chat/sidebar-item.react.js
--- a/web/chat/sidebar-item.react.js
+++ b/web/chat/sidebar-item.react.js
@@ -22,7 +22,7 @@
   return (
     <>
       <SWMansionIcon icon="right-angle-arrow" size={28} />
-      <div className={css.spacer}></div>
+      <div className={css.spacer} />
       <a className={css.threadButtonSidebar} onClick={onClick}>
         <div className={css.threadRow}>
           <div className={unreadCls}>{threadInfo.uiName}</div>