diff --git a/frontend/src/views/chat/components/usermsg.vue b/frontend/src/views/chat/components/usermsg.vue
index b9637c30b..e20011b17 100644
--- a/frontend/src/views/chat/components/usermsg.vue
+++ b/frontend/src/views/chat/components/usermsg.vue
@@ -246,6 +246,7 @@ const closePreImg = () => {
     text-align: justify;
     word-break: break-all;
     box-sizing: border-box;
+    white-space: pre-wrap;
 }
 
 .user_images {