diff --git a/joi/src/core/ScrollArea/styles.scss b/joi/src/core/ScrollArea/styles.scss
index 3ab0bd3063..fd8a43e53e 100644
--- a/joi/src/core/ScrollArea/styles.scss
+++ b/joi/src/core/ScrollArea/styles.scss
@@ -66,4 +66,5 @@
 }
 ::-webkit-scrollbar-thumb {
   background: hsla(var(--scrollbar-thumb));
+  border-radius: 20px;
 }
diff --git a/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx b/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx
index ec5875bcb9..0594ca5eb2 100644
--- a/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx
@@ -88,7 +88,7 @@ const ChatBody = memo(
     }
 
     return (
-      <div className="flex h-full w-full flex-col overflow-x-hidden">
+      <div className="scroll-area flex h-full w-full flex-col overflow-x-hidden">
         <div
           ref={parentRef}
           className="List"