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
@@ -44,6 +44,10 @@
   display: block;
 }
 
+.menuSidebar {
+  padding-right: 2px;
+}
+
 button.menuContent {
   border: none;
   cursor: pointer;
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
@@ -36,12 +36,15 @@
     threadInfo.currentUser.unread ? 'read' : 'unread'
   }`;
 
-  const menuIconSize = renderStyle === 'chat' ? 24 : 16;
+  const menuIconSize = renderStyle === 'chat' ? 24 : 20;
+  const menuCls = classNames(css.menu, {
+    [css.menuSidebar]: renderStyle === 'thread',
+  });
   const btnCls = classNames(css.menuContent, {
     [css.menuContentVisible]: menuVisible,
   });
   return (
-    <div className={css.menu} onMouseLeave={hideMenu}>
+    <div className={menuCls} onMouseLeave={hideMenu}>
       <button onClick={toggleMenu}>
         <SWMansionIcon icon="menu-vertical" size={menuIconSize} />
       </button>