diff --git a/web/src/layouts/ChatLayout/ChatContainer/ChatContent/ChatScrollToBottom.tsx b/web/src/layouts/ChatLayout/ChatContainer/ChatContent/ChatScrollToBottom.tsx
index 312c12f1e..ee181b977 100644
--- a/web/src/layouts/ChatLayout/ChatContainer/ChatContent/ChatScrollToBottom.tsx
+++ b/web/src/layouts/ChatLayout/ChatContainer/ChatContent/ChatScrollToBottom.tsx
@@ -11,7 +11,7 @@ export const ChatScrollToBottom: React.FC<{
   return (
     <div
       className={cn(
-        'absolute -top-9 right-3 z-10 transition-all duration-300 hover:scale-105 hover:shadow-md',
+        'absolute -top-9 right-3 z-10 transition-all duration-300 hover:scale-105',
         isAutoScrollEnabled
           ? 'pointer-events-none scale-90 opacity-0'
           : 'pointer-events-auto scale-100 cursor-pointer opacity-100'
@@ -20,7 +20,7 @@ export const ChatScrollToBottom: React.FC<{
         <button
           onClick={scrollToBottom}
           className={
-            'bg-background/90 hover:bg-item-hover/90 cursor-pointer rounded-full border p-2 shadow transition-all duration-300'
+            'bg-background/90 hover:bg-item-hover/90 cursor-pointer rounded-full border p-2 shadow transition-all duration-300 hover:shadow-md'
           }>
           <ChevronDown />
         </button>