diff --git a/frontend/src/views/chat/ChatRow.vue b/frontend/src/views/chat/ChatRow.vue
index 39c499d7..f6afe2d0 100644
--- a/frontend/src/views/chat/ChatRow.vue
+++ b/frontend/src/views/chat/ChatRow.vue
@@ -22,10 +22,7 @@ withDefaults(
           <logo_fold v-if="!hideAvatar" />
         </el-icon>
       </div>
-      <div
-        :style="{ width: msg.role === 'assistant' ? 0 : '100%' }"
-        :class="{ 'row-full': msg.role === 'assistant' }"
-      >
+      <div :class="{ 'row-full': msg.role === 'assistant', 'width-auto': msg.role === 'user' }">
         <slot></slot>
       </div>
     </div>
@@ -59,6 +56,11 @@ withDefaults(
       width: 0;
     }
 
+    .width-auto {
+      width: auto;
+      max-width: 100%;
+    }
+
     .ai-avatar {
       font-size: 28px;
       background: transparent;