From 83f0497c0aa8b28f79a64af08c99f3f1744dbabb Mon Sep 17 00:00:00 2001
From: Rohit <rohit.rajan031101@gmail.com>
Date: Sun, 31 Aug 2025 12:14:22 +0530
Subject: [PATCH] feat: centering and sizing loader

---
 src/components/robot/RecordingsTable.tsx | 12 +++++++++++-
 src/components/run/RunsTable.tsx         | 12 +++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/robot/RecordingsTable.tsx b/src/components/robot/RecordingsTable.tsx
index ed2ba033..8e294464 100644
--- a/src/components/robot/RecordingsTable.tsx
+++ b/src/components/robot/RecordingsTable.tsx
@@ -517,7 +517,17 @@ export const RecordingsTable = ({
       </Box>
 
       {isLoading ? (
-        <CircularProgress size={32} />
+        <Box
+          display="flex"
+          justifyContent="center"
+          alignItems="center"
+          sx={{ 
+            minHeight: '60vh',
+            width: '100%'
+          }}
+        >
+          <CircularProgress size={60} />
+        </Box>
       ) : filteredRows.length === 0 ? (
         <Box
           display="flex"
diff --git a/src/components/run/RunsTable.tsx b/src/components/run/RunsTable.tsx
index 77762ce4..12b2c84b 100644
--- a/src/components/run/RunsTable.tsx
+++ b/src/components/run/RunsTable.tsx
@@ -383,7 +383,17 @@ export const RunsTable: React.FC<RunsTableProps> = ({
       </Box>
 
       {isLoading? (
-        <CircularProgress size={32} />
+        <Box
+          display="flex"
+          justifyContent="center"
+          alignItems="center"
+          sx={{ 
+            minHeight: '60vh',
+            width: '100%'
+          }}
+        >
+          <CircularProgress size={60} />
+        </Box>
       ) : Object.keys(groupedRows).length === 0 ? (
         <Box
           display="flex"