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,6 +1,8 @@
 .thread {
   display: flex;
   flex-direction: row;
+  margin: 0 12px;
+  border-radius: 8px;
 }
 
 .sidebarItem {
@@ -16,6 +18,8 @@
   padding-right: 8px;
   position: relative;
   cursor: pointer;
+  margin: 0 12px;
+  border-radius: 8px;
 }
 .threadListSidebar > svg {
   position: absolute;
@@ -276,7 +280,7 @@
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  padding: 8px;
+  padding: 8px 16px 16px;
 }
 img.longArrow {
   height: 40px;
diff --git a/web/chat/chat-thread-list.react.js b/web/chat/chat-thread-list.react.js
--- a/web/chat/chat-thread-list.react.js
+++ b/web/chat/chat-thread-list.react.js
@@ -149,7 +149,10 @@
       const sidebarHeight = _sum(
         items[index].sidebars.map(s => sizes.sidebars[s.type]),
       );
-      return sizes.thread + sidebarHeight;
+
+      const rowGap = index === items.length - 1 ? 0 : 8;
+
+      return sizes.thread + sidebarHeight + rowGap;
     };
 
     return (