From 7f66b6bc9df4645249344ce27497b115b7d60658 Mon Sep 17 00:00:00 2001
From: Louis <louis@jan.ai>
Date: Mon, 2 Dec 2024 18:17:56 +0700
Subject: [PATCH] chore: correct scrollview thumb style

---
 joi/src/core/ScrollArea/styles.scss                     | 1 +
 web/screens/Thread/ThreadCenterPanel/ChatBody/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

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"