diff --git a/app/components/general-layout.tsx b/app/components/general-layout.tsx
index 568013c..58b8928 100644
--- a/app/components/general-layout.tsx
+++ b/app/components/general-layout.tsx
@@ -285,6 +285,7 @@ const UploadFileItem = ({
   failedState?: FailedUppyFile<Record<string, any>, Record<string, any>>;
   onRemove: (id: string) => void;
 }) => {
+  console.log({file: file.progress})
   return (
     <div className="flex flex-col w-full py-4 px-2 bg-primary-dark">
       <div
@@ -349,6 +350,7 @@ const UploadFileItem = ({
         </div>
       ) : null}
 
+      {file.progress?.preprocess ? <p className="text-sm text-primary-2 ml-2">Processing...</p> : null}
       {file.progress?.uploadStarted && !file.progress.uploadComplete ? (
         <Progress max={100} value={file.progress.percentage} className="mt-2" />
       ) : null}
diff --git a/app/components/lib/uppy.ts b/app/components/lib/uppy.ts
index 6db009d..5376752 100644
--- a/app/components/lib/uppy.ts
+++ b/app/components/lib/uppy.ts
@@ -230,7 +230,7 @@ export function useUppy() {
       });
     }
     setState("idle");
-  }, [targetRef, uploadLimit]);
+  }, [targetRef, invalidate, sdk, uploadLimit]);
 
   useEffect(() => {
     return () => {
diff --git a/app/components/ui/progress.tsx b/app/components/ui/progress.tsx
index 5bc4f28..54a3f7f 100644
--- a/app/components/ui/progress.tsx
+++ b/app/components/ui/progress.tsx
@@ -10,7 +10,7 @@ const Progress = React.forwardRef<
   <ProgressPrimitive.Root
     ref={ref}
     className={cn(
-      "relative h-4 w-full overflow-hidden rounded-full bg-primary",
+      "relative h-3 w-full overflow-hidden rounded-full bg-primary",
       className
     )}
     {...props}