diff --git a/src/components/business/Chat/layout/sider/index.vue b/src/components/business/Chat/layout/sider/index.vue
index b332900..dc7d5aa 100644
--- a/src/components/business/Chat/layout/sider/index.vue
+++ b/src/components/business/Chat/layout/sider/index.vue
@@ -29,7 +29,7 @@ function handleCollapsed() {
     :collapsed="collapsed"
     :collapsed-width="0"
     :width="260"
-    collapse-mode="width"
+    collapse-mode="transform"
     show-trigger="arrow-circle"
     bordered
     @update:collapsed="handleCollapsed"