From 5a53b045b35923a25bd029333f440592759cd4a4 Mon Sep 17 00:00:00 2001
From: mateumiralles <mateumiralles714@gmail.com>
Date: Mon, 12 Jan 2026 12:12:28 +0100
Subject: [PATCH 1/2] fix keys grid height

---
 .../ui/src/components/ValidatorList/KeystoresDataGrid.tsx  | 2 +-
 packages/ui/src/components/ValidatorList/ValidatorList.tsx | 7 ++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

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..50b59502 100644
--- a/packages/ui/src/components/ValidatorList/ValidatorList.tsx
+++ b/packages/ui/src/components/ValidatorList/ValidatorList.tsx
@@ -72,19 +72,20 @@ 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}

From 0497f6e381f58e0dbec9825521b2486dfcf4a1db Mon Sep 17 00:00:00 2001
From: mateumiralles <mateumiralles714@gmail.com>
Date: Mon, 12 Jan 2026 12:21:01 +0100
Subject: [PATCH 2/2] center loadin spinner

---
 .../components/ValidatorList/ValidatorList.tsx    | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/ui/src/components/ValidatorList/ValidatorList.tsx b/packages/ui/src/components/ValidatorList/ValidatorList.tsx
index 50b59502..d7d4bc93 100644
--- a/packages/ui/src/components/ValidatorList/ValidatorList.tsx
+++ b/packages/ui/src/components/ValidatorList/ValidatorList.tsx
@@ -91,11 +91,20 @@ export default function ValidatorList({
               {validatorsGetError}
             </Alert>
           ) : loading ? (
-            <CircularProgress
+            <Box
               sx={{
-                marginBottom: 4
+                display: "flex",
+                justifyContent: "center",
+                height: "100%",
+                alignItems: "center"
               }}
-            />
+            >
+              <CircularProgress
+                sx={{
+                  marginBottom: 4
+                }}
+              />
+            </Box>
           ) : validatorsGet ? (
             <>
               <KeystoresDataGrid