diff --git a/apps/rowboat/app/projects/[projectId]/workflow/loading.tsx b/apps/rowboat/app/projects/[projectId]/workflow/loading.tsx
new file mode 100644
index 00000000..3aab46bc
--- /dev/null
+++ b/apps/rowboat/app/projects/[projectId]/workflow/loading.tsx
@@ -0,0 +1,8 @@
+"use client";
+import { Spinner } from "@heroui/react";
+
+export default function Loading() {
+    return <div className="flex flex-col gap-4">
+        <Spinner size="sm" />
+    </div>;
+}
\ No newline at end of file