diff --git a/web/chat/chat-thread-list-item-menu.css b/web/chat/chat-thread-list-item-menu.css
--- a/web/chat/chat-thread-list-item-menu.css
+++ b/web/chat/chat-thread-list-item-menu.css
@@ -14,6 +14,8 @@
   position: relative;
   display: flex;
   justify-content: flex-end;
+  padding-right: 8px;
+  flex-grow: 1;
 }
 .menu > button {
   background-color: transparent;
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
@@ -1,16 +1,14 @@
 div.thread {
   display: flex;
   flex-direction: row;
-  align-items: flex-start;
   padding-top: 4px;
   padding-bottom: 4px;
-  padding-right: 10px;
 }
 div.threadListSidebar {
   display: flex;
   flex-direction: row;
   height: 32px;
-  padding-right: 10px;
+  padding-right: 8px;
   position: relative;
 }
 div.threadListSidebar > svg {
@@ -42,6 +40,10 @@
   overflow: hidden;
   padding-left: 8px;
 }
+a.threadButton + div {
+  display: flex;
+  flex-direction: column;
+}
 .threadButtonSidebar {
   flex: 1;
   cursor: pointer;
@@ -89,7 +91,6 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  flex: 1;
 }
 div.threadRow > .lastMessage {
   color: var(--thread-last-message-color-read);
@@ -97,6 +98,7 @@
 }
 div.unread {
   color: var(--fg);
+  font-size: var(--s-font-14);
   font-weight: var(--semi-bold);
 }
 div.lastMessage.black {
@@ -104,6 +106,8 @@
 }
 div.dark {
   color: var(--thread-color-read);
+  font-size: var(--s-font-14);
+  padding-right: 16px;
 }
 .light {
   color: var(--thread-from-color-read);