diff --git a/src/views/ai/chat/new-chat/Chat.vue b/src/views/ai/chat/new-chat/Chat.vue
index fe2106e..767a718 100644
--- a/src/views/ai/chat/new-chat/Chat.vue
+++ b/src/views/ai/chat/new-chat/Chat.vue
@@ -182,7 +182,7 @@ function handleDelete(item: any) {
 <template>
   <div class="flex flex-col w-full h-full">
     <main class="flex-1 overflow-hidden">
-      <div ref="contentRef" class="h-full overflow-hidden overflow-y-auto">
+      <el-scrollbar ref="contentRef" class="h-full overflow-hidden overflow-y-auto">
         <div
           ref="scrollRef"
           :class="[isMobile ? 'p-2' : 'p-5']"
@@ -200,7 +200,7 @@ function handleDelete(item: any) {
             @delete="handleDelete(item)"
           />
         </div>
-      </div>
+      </el-scrollbar>
     </main>
 
     <footer :class="footerClass">