diff --git a/web/chat/chat-thread-list-item-menu.react.js b/web/chat/chat-thread-list-item-menu.react.js
--- a/web/chat/chat-thread-list-item-menu.react.js
+++ b/web/chat/chat-thread-list-item-menu.react.js
@@ -23,8 +23,10 @@
 type Props = {
   +threadInfo: ThreadInfo,
   +mostRecentNonLocalMessage: ?string,
+  +renderStyle?: 'chat' | 'thread',
 };
 function ChatThreadListItemMenu(props: Props): React.Node {
+  const { renderStyle = 'chat' } = props;
   const [menuVisible, setMenuVisible] = React.useState(false);
 
   const toggleMenu = React.useCallback(() => {
@@ -70,10 +72,12 @@
   const toggleUnreadStatusButtonText = `Mark as ${
     threadInfo.currentUser.unread ? 'read' : 'unread'
   }`;
+
+  const menuIconSize = renderStyle === 'chat' ? 24 : 16;
   return (
     <div className={css.menu} onMouseLeave={hideMenu}>
       <button onClick={toggleMenu}>
-        <SWMansionIcon icon="menu-vertical" size={24} />
+        <SWMansionIcon icon="menu-vertical" size={menuIconSize} />
       </button>
       <div
         className={classNames(css.menuContent, {
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
@@ -29,6 +29,7 @@
       <ChatThreadListItemMenu
         threadInfo={threadInfo}
         mostRecentNonLocalMessage={mostRecentNonLocalMessage}
+        renderStyle="thread"
       />
     </div>
   );
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
@@ -167,7 +167,8 @@
   color: var(--thread-color-read);
   border: none;
   cursor: pointer;
-  align-self: flex-start;
+  display: flex;
+  align-items: center;
 }
 
 .menu > button:focus {