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
@@ -74,23 +74,18 @@
   }`;
 
   const menuIconSize = renderStyle === 'chat' ? 24 : 16;
+  const btnCls = classNames(css.menuContent, {
+    [css.menuContentVisible]: menuVisible,
+  });
   return (
     <div className={css.menu} onMouseLeave={hideMenu}>
       <button onClick={toggleMenu}>
         <SWMansionIcon icon="menu-vertical" size={menuIconSize} />
       </button>
-      <div
-        className={classNames(css.menuContent, {
-          [css.menuContentVisible]: menuVisible,
-        })}
-      >
-        <ul>
-          <li>
-            <button onClick={toggleUnreadStatus}>
-              {toggleUnreadStatusButtonText}
-            </button>
-          </li>
-        </ul>
+      <div>
+        <button className={btnCls} onClick={toggleUnreadStatus}>
+          {toggleUnreadStatusButtonText}
+        </button>
       </div>
     </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
@@ -191,19 +191,14 @@
 .menuContentVisible {
   display: block;
 }
-.menuContent ul {
-  list-style: none;
-}
-.menuContent li:not(:last-child) {
-  border-bottom: 1px solid #dddddd;
-}
-.menuContent button {
+
+button.menuContent {
   border: none;
   cursor: pointer;
   padding: 10px;
   font-size: 16px;
 }
-.menuContent button:hover {
+button.menuContent:hover {
   background-color: #dddddd;
 }