diff --git a/src/components/AIChatHistory/ListChatHistory.tsx b/src/components/AIChatHistory/ListChatHistory.tsx
index b2d661076..36331a8a6 100644
--- a/src/components/AIChatHistory/ListChatHistory.tsx
+++ b/src/components/AIChatHistory/ListChatHistory.tsx
@@ -136,7 +136,7 @@ export function ListChatHistory(props: ListChatHistoryProps) {
             <SearchInput onSearch={setQuery} isLoading={isLoading} />
           </div>
 
-          <div className="scrollbar-track-transparent scrollbar scrollbar-thumb-gray-300 -mx-2 mt-6 grow space-y-4 overflow-y-auto px-2">
+          <div className="scrollbar-track-transparent scrollbar-thin scrollbar-thumb-gray-300 -mx-2 mt-6 grow space-y-4 overflow-y-auto px-2">
             {Object.entries(groupedChatHistory ?? {}).map(([key, value]) => {
               if (value.histories.length === 0) {
                 return null;
diff --git a/src/components/AIChatHistory/ListChatHistorySkeleton.tsx b/src/components/AIChatHistory/ListChatHistorySkeleton.tsx
index 219ddff47..fa40ddbf6 100644
--- a/src/components/AIChatHistory/ListChatHistorySkeleton.tsx
+++ b/src/components/AIChatHistory/ListChatHistorySkeleton.tsx
@@ -18,7 +18,7 @@ export function ListChatHistorySkeleton() {
         </div>
       </div>
 
-      <div className="scrollbar-track-transparent scrollbar scrollbar-thumb-gray-300 -mx-2 mt-6 grow space-y-4 overflow-y-auto px-2">
+      <div className="scrollbar-track-transparent scrollbar-thin scrollbar-thumb-gray-300 -mx-2 mt-6 grow space-y-4 overflow-y-auto px-2">
         {['Today', 'Last 7 Days', 'Older'].map((group) => (
           <div key={group}>
             <div className="h-4 w-16 animate-pulse rounded bg-gray-200" />