diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 2b868da2b..e89a334c6 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1490,7 +1490,7 @@
       "version": "18.0.10",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.0.10.tgz",
       "integrity": "sha512-E42GW/JA4Qv15wQdqJq8DL4JhNpB3prJgjgapN3qJT9K2zO5IIAQh4VXvCEDupoqAwnz0cY4RlXeC/ajX5SFHg==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "@types/react": "*"
       }
diff --git a/frontend/src/upload/Upload.tsx b/frontend/src/upload/Upload.tsx
index a8e1929d7..a2c23639c 100644
--- a/frontend/src/upload/Upload.tsx
+++ b/frontend/src/upload/Upload.tsx
@@ -95,20 +95,6 @@ function Upload({
 
         {/* progress bar */}
         <ProgressBar progressPercent={progress?.percentage as number} />
-
-        <button
-          onClick={() => {
-            setDocName('');
-            setfiles([]);
-            setProgress(undefined);
-            setModalState('INACTIVE');
-          }}
-          className={`rounded-3xl bg-purple-30 px-4 py-2 text-sm font-medium text-white ${
-            isCancellable ? '' : 'hidden'
-          }`}
-        >
-          Finish
-        </button>
       </div>
     );
   }
@@ -164,6 +150,10 @@ function Upload({
                         failed: false,
                       },
                   );
+                  setDocName('');
+                  setfiles([]);
+                  setProgress(undefined);
+                  setModalState('INACTIVE');
                 }
               } else if (data.status == 'PROGRESS') {
                 setProgress(