🐛 New document: Fix wrapping long filenames

bugbakery · May 3, 2024 · c99a533 · c99a533
1 parent f1c16dd
commit c99a533
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/frontend/src/pages/new_document.tsx b/frontend/src/pages/new_document.tsx
@@ -253,9 +253,9 @@ export function NewDocumentPage() {
                       <p className="mx-4 mt-4 text-sm text-neutral-400 font-medium">
                         Selected file
                       </p>
-                      <p className="mx-4 break-words flex-grow flex items-center mb-2">
-                        {audioFile?.[0].name}
-                      </p>
+                      <div className="mx-4 flex-grow flex items-center mb-2">
+                        <p className="max-w-full break-words">{audioFile?.[0].name}</p>
+                      </div>
                     </>
                   )}
                   {!audioFile?.[0] && (