diff --git a/web/src/components/ChatBox/ChatMessageList/item.less b/web/src/components/ChatBox/ChatMessageList/item.less
index a2210651..0d8ceee8 100644
--- a/web/src/components/ChatBox/ChatMessageList/item.less
+++ b/web/src/components/ChatBox/ChatMessageList/item.less
@@ -14,6 +14,8 @@
 }
 
 .chat-message-item_action-popover {
+  padding-top: 0;
+
   .ant-popover-arrow {
     display: none;
   }
diff --git a/web/src/components/TcPopover.tsx b/web/src/components/TcPopover.tsx
index fd228e4d..52d8206f 100644
--- a/web/src/components/TcPopover.tsx
+++ b/web/src/components/TcPopover.tsx
@@ -13,9 +13,14 @@ const TcPopoverContext = React.createContext({ closePopover: _noop });
 export const TcPopover: React.FC<PopoverProps> = React.memo((props) => {
   const [visible, setVisible] = useState(false);
 
-  const handleVisibleChange = useCallback((v) => {
-    setVisible(v);
-  }, []);
+  const handleVisibleChange = useCallback(
+    (v) => {
+      setVisible(v);
+
+      typeof props.onVisibleChange === 'function' && props.onVisibleChange(v);
+    },
+    [props.onVisibleChange]
+  );
 
   const closePopover = useCallback(() => {
     setVisible(false);