diff --git a/src/pages/ValidatorOnboarding/Activation/Activation.tsx b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
index 264e33ba..ac053936 100644
--- a/src/pages/ValidatorOnboarding/Activation/Activation.tsx
+++ b/src/pages/ValidatorOnboarding/Activation/Activation.tsx
@@ -1,7 +1,7 @@
 import { YStack } from 'tamagui'
 
 const Activation = () => {
-  return <YStack></YStack>
+  return <YStack style={{ padding: '16px 32px' }}></YStack>
 }
 
 export default Activation
diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx
index f13885a1..aa4f43d6 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGeneration.tsx
@@ -3,7 +3,7 @@ import KeyGenerationHeader from './KeyGenerationHeader'
 
 const KeyGeneration = () => {
   return (
-    <YStack space={'$2'} style={{ width: '100%' }}>
+    <YStack space={'$2'} style={{ width: '100%', padding: '16px 32px' }}>
       <KeyGenerationHeader />
     </YStack>
   )
diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx
index c38e5226..886528f3 100644
--- a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationHeader.tsx
@@ -1,13 +1,11 @@
-import { Text } from '@status-im/components'
 import { XStack } from 'tamagui'
 import SyncCard from './SyncCard'
+import KeyGenerationTitle from './KeyGenerationTitle'
 
 const KeyGenerationHeader = () => {
   return (
     <XStack style={{ width: '100%', alignItems: 'center', justifyContent: 'space-between' }}>
-      <Text size={27} weight={'semibold'}>
-        Key Generation
-      </Text>
+      <KeyGenerationTitle />
       <XStack space={'$2'}>
         <SyncCard synced={123.524} total={172.503} title="Execution Sync Status" />
         <SyncCard synced={123.524} total={172.503} title="Consensus Sync Status" />
diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationTitle.stories.ts b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationTitle.stories.ts
new file mode 100644
index 00000000..b7da7215
--- /dev/null
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationTitle.stories.ts
@@ -0,0 +1,20 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import KeyGenerationTitle from './KeyGenerationTitle'
+
+const meta = {
+  title: 'ValidatorOnboarding/KeyGenerationTitle',
+  component: KeyGenerationTitle,
+  parameters: {
+    layout: 'centered',
+  },
+  tags: ['autodocs'],
+  argTypes: {},
+} satisfies Meta<typeof KeyGenerationTitle>
+
+export default meta
+type Story = StoryObj<typeof meta>
+
+export const Page: Story = {
+  args: {},
+}
diff --git a/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationTitle.tsx b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationTitle.tsx
new file mode 100644
index 00000000..c8c02cab
--- /dev/null
+++ b/src/pages/ValidatorOnboarding/KeyGeneration/KeyGenerationTitle.tsx
@@ -0,0 +1,11 @@
+import { Text } from '@status-im/components'
+
+const KeyGenerationTitle = () => {
+  return (
+    <Text size={27} weight={'semibold'}>
+      Key Generation
+    </Text>
+  )
+}
+
+export default KeyGenerationTitle
diff --git a/src/pages/ValidatorOnboarding/Overview/Overview.tsx b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
index b107b2af..3f44b4f2 100644
--- a/src/pages/ValidatorOnboarding/Overview/Overview.tsx
+++ b/src/pages/ValidatorOnboarding/Overview/Overview.tsx
@@ -7,7 +7,7 @@ import { ArrowRightIcon } from '@status-im/icons'
 const Overview = () => {
   return (
     <>
-      <YStack className="layout-left" space={'$5'}>
+      <YStack className="layout-left" space={'$5'} style={{ padding: '16px 32px' }}>
         <TextTam fontSize={27} fontWeight={'600'} style={{ marginBottom: '5px' }}>
           Overview
         </TextTam>
diff --git a/src/pages/ValidatorOnboarding/ValidatorBoxWrapper/ValidatorBoxWrapper.tsx b/src/pages/ValidatorOnboarding/ValidatorBoxWrapper/ValidatorBoxWrapper.tsx
index fc94da7d..3e098a53 100644
--- a/src/pages/ValidatorOnboarding/ValidatorBoxWrapper/ValidatorBoxWrapper.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorBoxWrapper/ValidatorBoxWrapper.tsx
@@ -15,7 +15,6 @@ const ValidatorBoxWrapper = ({ children }: ValidatorBoxWrapperProps) => {
         flexDirection: 'row',
         backgroundColor: '#fff',
         zIndex: 999,
-        padding: '16px 32px',
         width: '100%',
       }}
     >
diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx
index 27e89e5b..47709f46 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup.tsx
@@ -28,7 +28,7 @@ const ValidatorSetup = () => {
     },
   ]
   return (
-    <YStack style={{ width: '100%' }}>
+    <YStack style={{ width: '100%', padding: '16px 32px' }}>
       <XStack justifyContent={'space-between'}>
         <Text size={27} weight={'semibold'}>
           Validator Setup