diff --git a/src/components/BlossomUploadDialog.tsx b/src/components/BlossomUploadDialog.tsx
index c28ef9e..4fd4359 100644
--- a/src/components/BlossomUploadDialog.tsx
+++ b/src/components/BlossomUploadDialog.tsx
@@ -343,7 +343,7 @@ export function BlossomUploadDialog({
               disabled={uploading}
             />
             {selectedFile ? (
-              <div className="flex flex-col items-center gap-2">
+              <div className="flex flex-col items-center gap-2 w-full overflow-hidden">
                 {previewUrl ? (
                   <img
                     src={previewUrl}
@@ -356,7 +356,7 @@ export function BlossomUploadDialog({
                     "size-12 text-muted-foreground",
                   )
                 )}
-                <p className="font-medium text-sm truncate max-w-full">
+                <p className="font-medium text-sm truncate w-full text-center">
                   {selectedFile.name}
                 </p>
                 <p className="text-xs text-muted-foreground">