diff --git a/web/src/components/next-message-item/uploaded-message-files.tsx b/web/src/components/next-message-item/uploaded-message-files.tsx
index 5ae72bb706..a522c40828 100644
--- a/web/src/components/next-message-item/uploaded-message-files.tsx
+++ b/web/src/components/next-message-item/uploaded-message-files.tsx
@@ -47,7 +47,7 @@ function NameWidget({ name, size }: NameWidgetType) {
 }
 export function InnerUploadedMessageFiles({ files = [] }: IProps) {
   return (
-    <section className="flex gap-2 pt-2">
+    <section className="flex gap-2 pt-2 flex-wrap">
       {files?.map((file, idx) => {
         const name = file.name;
         const isFile = file instanceof File;