diff --git a/packages/ui/src/components/ValidatorList/KeystoresDataGrid.tsx b/packages/ui/src/components/ValidatorList/KeystoresDataGrid.tsx
index 1707c828..3e15d344 100644
--- a/packages/ui/src/components/ValidatorList/KeystoresDataGrid.tsx
+++ b/packages/ui/src/components/ValidatorList/KeystoresDataGrid.tsx
@@ -476,7 +476,7 @@ export default function KeystoresDataGrid({
           </Tooltip>
         </div>
       </div>
-      <div style={{ height: 400, width: "100%" }}>
+      <div style={{ width: "100%", height: "80%" }}>
         <DataGrid
           rows={customRows}
           onCellClick={(params) => {
diff --git a/packages/ui/src/components/ValidatorList/ValidatorList.tsx b/packages/ui/src/components/ValidatorList/ValidatorList.tsx
index 169bee5f..d7d4bc93 100644
--- a/packages/ui/src/components/ValidatorList/ValidatorList.tsx
+++ b/packages/ui/src/components/ValidatorList/ValidatorList.tsx
@@ -72,29 +72,39 @@ export default function ValidatorList({
   };
 
   return (
-    <div>
+    <div style={{ height: "90vh" }}>
       {userMode === "advanced" && <StakerConfig stakerConfig={stakerConfig} />}
       <Box
         sx={{
           margin: { xs: 2, sm: 3, md: 5 },
           display: "flex",
           flexDirection: "column",
-          alignItems: "left"
+          alignItems: "left",
+          height: "100%"
         }}
       >
         {(network === "hoodi" || network === "mainnet") && <SmoothBanner />}
 
-        <Box>
+        <Box sx={{ flexGrow: 1 }}>
           {validatorsGetError ? (
             <Alert severity="error" sx={{ marginTop: 2 }} variant="filled">
               {validatorsGetError}
             </Alert>
           ) : loading ? (
-            <CircularProgress
+            <Box
               sx={{
-                marginBottom: 4
+                display: "flex",
+                justifyContent: "center",
+                height: "100%",
+                alignItems: "center"
               }}
-            />
+            >
+              <CircularProgress
+                sx={{
+                  marginBottom: 4
+                }}
+              />
+            </Box>
           ) : validatorsGet ? (
             <>
               <KeystoresDataGrid