diff --git a/apps/admin/src/pages/chat/components/ChatPanel/index.vue b/apps/admin/src/pages/chat/components/ChatPanel/index.vue
index 257259d..436a9d3 100644
--- a/apps/admin/src/pages/chat/components/ChatPanel/index.vue
+++ b/apps/admin/src/pages/chat/components/ChatPanel/index.vue
@@ -33,6 +33,11 @@ const maxChatPanelHeight = computed(() => {
     <template #2>
       <MessageInputArea />
     </template>
+    <template #resize-trigger>
+      <div
+        class="resize-trigger h-full flex justify-center items-center rounded-md bg-transparent hover:bg-[--primary-color] transition-colors duration-300"
+      />
+    </template>
   </NSplit>
 </template>