diff --git a/src/frontend/src/components/tableComponent/components/loadingOverlay/index.tsx b/src/frontend/src/components/tableComponent/components/loadingOverlay/index.tsx
new file mode 100644
index 000000000..9df9144e0
--- /dev/null
+++ b/src/frontend/src/components/tableComponent/components/loadingOverlay/index.tsx
@@ -0,0 +1,9 @@
+import Loading from "../../../ui/loading";
+
+export default function LoadingOverlay() {
+  return (
+    <div className=" flex h-full w-full items-center justify-center bg-background align-middle">
+      <Loading />
+    </div>
+  );
+}