diff --git a/client/web/src/components/ChatBox/ChatMessageList/ScrollToBottom.tsx b/client/web/src/components/ChatBox/ChatMessageList/ScrollToBottom.tsx
index 80bab4ed..006441b8 100644
--- a/client/web/src/components/ChatBox/ChatMessageList/ScrollToBottom.tsx
+++ b/client/web/src/components/ChatBox/ChatMessageList/ScrollToBottom.tsx
@@ -11,7 +11,7 @@ interface Props {
 export const ScrollToBottom: React.FC<Props> = React.memo((props) => {
   return (
     <div
-      className="absolute right-6 bottom-18 px-3 py-2 rounded-full bg-white dark:bg-black bg-opacity-50 shadow cursor-pointer z-10 w-11 h-11 flex justify-center items-center text-2xl hover:bg-opacity-80"
+      className="absolute right-10 bottom-18 px-3 py-2 rounded-full bg-white dark:bg-black bg-opacity-50 shadow cursor-pointer z-10 w-11 h-11 flex justify-center items-center text-2xl hover:bg-opacity-80"
       onClick={props.onClick}
     >
       <Icon icon="mdi:chevron-double-down" />