fix: breaking the selected file name to improve responsiveness

cultureamp · Mar 9, 2023 · 53b7b8b · 53b7b8b
1 parent 321b337
commit 53b7b8b
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/components/src/Dropzone/sub-components/SelectedFileMessage/SelectedFileMessage.tsx b/packages/components/src/Dropzone/sub-components/SelectedFileMessage/SelectedFileMessage.tsx
@@ -37,7 +37,7 @@ export const SelectedFileMessage = ({ fileName, handleOpenDialog }: SelectedFile
     <div className="flex flex-col items-center justify-center">
       <span className="mb-8">
         <Paragraph variant="body">
-          <span className="block mb-12"><strong>{selectedFileName}</strong></span>
+          <span className="block mb-12 break-all"><strong>{selectedFileName}</strong></span>
         </Paragraph>
         <Paragraph variant="body">
           <span className="text-purple-800">Drag and drop to replace file or {" "}</span>