diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx index 70fdf84a..252ffdb0 100644 --- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx +++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx @@ -14,41 +14,35 @@ const Overview = () => { backgroundColor: '#fff', }} > - - + + Overview - Becoming a validator is a big responsibility with important preparation steps. Only start the deposit process when youre ready. - + By running a validator, you'll be responsible for securing the network and receive continuous payouts for actions that help the network reach consensus. - + Since the successful transition to proof-of-stake via The Merge, Ethereum is fully secured by proof-of-stake validators. By running a validator, you'll be helping to secure the Ethereum network. - - Learn more - - + + + Learn more + + + @@ -64,8 +58,8 @@ const Overview = () => { borderRadius: '16px', border: '1px solid rgba(0, 0, 0, 0.15)', backgroundColor: '#FFF', - width: '305px', - padding: '8px 16px', + width: '45%', + padding: '12px 16px', }} > @@ -79,9 +73,9 @@ const Overview = () => { style={{ borderRadius: '16px', border: '1px solid rgba(0, 0, 0, 0.15)', - width: '305px', + width: '45%', backgroundColor: '#FFF', - padding: '8px 16px', + padding: '12px 16px', }} > @@ -95,9 +89,9 @@ const Overview = () => { style={{ borderRadius: '16px', border: '1px solid rgba(0, 0, 0, 0.15)', - width: '305px', + width: '45%', backgroundColor: '#FFF', - padding: '8px 16px', + padding: '12px 16px', }} > diff --git a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx index fb8ea024..882ed113 100644 --- a/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx +++ b/src/pages/ValidatorOnboarding/ValidatorOnboarding.tsx @@ -22,7 +22,7 @@ const ValidatorOnboarding = () => { style={{ width: '100%', margin: '0 auto', - padding: '2% 10%', + padding: '2% 10% 1%', justifyContent: 'start', alignItems: 'start', }}