diff --git a/src/components/pages/gallery/Upload.tsx b/src/components/pages/gallery/Upload.tsx
index 14231d9bc..e6a33215d 100644
--- a/src/components/pages/gallery/Upload.tsx
+++ b/src/components/pages/gallery/Upload.tsx
@@ -218,6 +218,21 @@ export default function Upload(props: Props) {
             props.syncWithRemote();
         }
     };
+    const retryFailed = async (
+    ) => {
+        try {
+            props.setUploadInProgress(true);
+            await UploadService.retryFailedFiles();
+            props.setUploadInProgress(false);
+        } catch (err) {
+            props.setBannerMessage(err.message);
+            setProgressView(false);
+            throw err;
+        } finally {
+            props.syncWithRemote();
+        }
+    };
+
 
     return (
         <>
@@ -234,7 +249,7 @@ export default function Upload(props: Props) {
                 fileProgress={fileProgress}
                 show={progressView}
                 closeModal={() => setProgressView(false)}
-                retryFailed={() => UploadService.retryFailedFiles()}
+                retryFailed={retryFailed}
             />
         </>
     );
diff --git a/src/services/uploadService.ts b/src/services/uploadService.ts
index 598c4b2b4..676d1aad4 100644
--- a/src/services/uploadService.ts
+++ b/src/services/uploadService.ts
@@ -285,8 +285,8 @@ class UploadService {
             );
         }
     }
-    retryFailedFiles() {
-        this.uploadFiles(this.failedFiles, this.existingFilesCollectionWise, this.progressBarProps);
+    async retryFailedFiles() {
+        await this.uploadFiles(this.failedFiles, this.existingFilesCollectionWise, this.progressBarProps);
     }
 
     private updateProgressBarUI() {