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"