diff --git a/govtool/frontend/src/pages/DRepDetails.tsx b/govtool/frontend/src/pages/DRepDetails.tsx
index 1aa8b95ae..736d07561 100644
--- a/govtool/frontend/src/pages/DRepDetails.tsx
+++ b/govtool/frontend/src/pages/DRepDetails.tsx
@@ -39,8 +39,20 @@ export const DRepDetails = ({ isConnected }: DRepDetailsProps) => {
   const { data, isLoading } = useGetDRepListQuery({ drepView: dRepParam });
   const dRep = data?.[0];
 
-  if (!dRep && isLoading)
-    return <CircularProgress sx={{ display: "block", mx: "auto", mt: 4 }} />;
+  if (!dRep || isLoading)
+    return (
+      <Box
+        sx={{
+          display: "flex",
+          flex: 1,
+          height: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+        }}
+      >
+        <CircularProgress />
+      </Box>
+    );
 
   if (!dRep) return <Navigate to={PATHS.error} />;