diff --git a/web/src/components/file-list.tsx b/web/src/components/file-list.tsx
index 55b3c33..3257334 100644
--- a/web/src/components/file-list.tsx
+++ b/web/src/components/file-list.tsx
@@ -196,7 +196,16 @@ export function FileList({ accountId, chatId }: FileListProps) {
             />
           ))}
         </div>
-        <div ref={observerTarget} className="h-4" />
+        <div ref={observerTarget} className="h-4">
+          {isLoading && (
+            <div className="flex items-center justify-center">
+              <LoaderPinwheel
+                className="h-8 w-8 animate-spin"
+                style={{ strokeWidth: "0.8px" }}
+              />
+            </div>
+          )}
+        </div>
       </div>
     );
   }