diff --git a/web/src/components/ChatBox/ChatMessageList/Item.tsx b/web/src/components/ChatBox/ChatMessageList/Item.tsx
index fe6385a8..f7066a62 100644
--- a/web/src/components/ChatBox/ChatMessageList/Item.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/Item.tsx
@@ -66,7 +66,11 @@ const NormalMessage: React.FC<ChatMessageItemProps> = React.memo((props) => {
   const reactions = useMessageReactions(payload);
 
   const emojiAction = useChatMessageReaction(payload);
-  const moreActions = useChatMessageItemAction(payload);
+  const moreActions = useChatMessageItemAction(payload, {
+    onClick: () => {
+      setIsActionBtnActive(false);
+    },
+  });
 
   return (
     <div
diff --git a/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx b/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx
index b43ea2de..69229bd8 100644
--- a/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx
+++ b/web/src/components/ChatBox/ChatMessageList/useChatMessageItemAction.tsx
@@ -16,7 +16,8 @@ import {
  * 消息的会话操作
  */
 export function useChatMessageItemAction(
-  payload: ChatMessage
+  payload: ChatMessage,
+  options: { onClick?: () => void }
 ): React.ReactElement {
   const context = useChatBoxContext();
   const groupInfo = useGroupInfoContext();
@@ -34,7 +35,7 @@ export function useChatMessageItemAction(
   const isMessageAuthor = payload.author === userInfo?._id;
 
   return (
-    <Menu>
+    <Menu onClick={options.onClick}>
       {context.hasContext && (
         <Menu.Item
           key="reply"