diff --git a/client/web/src/components/ChatBox/ChatInputBox/BaseChatInputButton.tsx b/client/web/src/components/ChatBox/ChatInputBox/BaseChatInputButton.tsx
index 1c7927b5186..a8ae95fb140 100644
--- a/client/web/src/components/ChatBox/ChatInputBox/BaseChatInputButton.tsx
+++ b/client/web/src/components/ChatBox/ChatInputBox/BaseChatInputButton.tsx
@@ -1,8 +1,10 @@
 import { Popover } from 'antd';
+import clsx from 'clsx';
 import React, { useState } from 'react';
 import { Icon } from 'tailchat-design';
 
 interface BaseChatInputButtonProps {
+  overlayClassName?: string;
   icon: string;
   popoverContent: (ctx: { hidePopover: () => void }) => React.ReactElement;
 }
@@ -21,7 +23,10 @@ export const BaseChatInputButton: React.FC<BaseChatInputButtonProps> =
             },
           })
         }
-        overlayClassName="chat-message-input_action-popover"
+        overlayClassName={clsx(
+          'chat-message-input_action-popover',
+          props.overlayClassName
+        )}
         showArrow={false}
         placement="topRight"
         trigger={['click']}
diff --git a/client/web/src/components/ChatBox/ChatInputBox/Emotion.less b/client/web/src/components/ChatBox/ChatInputBox/Emotion.less
index 7a81487d03d..d0087b0d35d 100644
--- a/client/web/src/components/ChatBox/ChatInputBox/Emotion.less
+++ b/client/web/src/components/ChatBox/ChatInputBox/Emotion.less
@@ -1,4 +1,4 @@
-.chat-message-input_action-popover {
+.chat-message-input_action-popover.emotion-popover {
   > .ant-popover-content > .ant-popover-inner {
     background-color: transparent;
     border-radius: 10px;
diff --git a/client/web/src/components/ChatBox/ChatInputBox/Emotion.tsx b/client/web/src/components/ChatBox/ChatInputBox/Emotion.tsx
index d58ab269910..e2a17dbb8cb 100644
--- a/client/web/src/components/ChatBox/ChatInputBox/Emotion.tsx
+++ b/client/web/src/components/ChatBox/ChatInputBox/Emotion.tsx
@@ -10,6 +10,7 @@ export const ChatInputEmotion: React.FC = React.memo(() => {
 
   return (
     <BaseChatInputButton
+      overlayClassName="emotion-popover"
       icon="mdi:emoticon-happy-outline"
       popoverContent={({ hidePopover }) => (
         <EmojiPanel