diff --git a/src/pages/ManageValidator/DepositStatus.tsx b/src/pages/ManageValidator/LeftManageSide/DepositStatus.tsx
similarity index 100%
rename from src/pages/ManageValidator/DepositStatus.tsx
rename to src/pages/ManageValidator/LeftManageSide/DepositStatus.tsx
diff --git a/src/pages/ManageValidator/DepositStatusPieChart.tsx b/src/pages/ManageValidator/LeftManageSide/DepositStatusPieChart.tsx
similarity index 100%
rename from src/pages/ManageValidator/DepositStatusPieChart.tsx
rename to src/pages/ManageValidator/LeftManageSide/DepositStatusPieChart.tsx
diff --git a/src/pages/ManageValidator/DepositStepper.module.css b/src/pages/ManageValidator/LeftManageSide/DepositStepper.module.css
similarity index 100%
rename from src/pages/ManageValidator/DepositStepper.module.css
rename to src/pages/ManageValidator/LeftManageSide/DepositStepper.module.css
diff --git a/src/pages/ManageValidator/DepositStepper.tsx b/src/pages/ManageValidator/LeftManageSide/DepositStepper.tsx
similarity index 96%
rename from src/pages/ManageValidator/DepositStepper.tsx
rename to src/pages/ManageValidator/LeftManageSide/DepositStepper.tsx
index 6ec9d0c8..545bccec 100644
--- a/src/pages/ManageValidator/DepositStepper.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/DepositStepper.tsx
@@ -1,7 +1,7 @@
 import { Stepper, Step } from 'react-form-stepper'
 import { useNavigate } from 'react-router-dom'
-import { DepositStatusSteps, FORM_STEPS } from '../../constants'
-import { useWindowSize } from '../../hooks/useWindowSize'
+import { DepositStatusSteps, FORM_STEPS } from '../../../constants'
+import { useWindowSize } from '../../../hooks/useWindowSize'
 import styles from './DepositStepper.module.css'
 type DepositStepperProps = {
   activeStep: number
diff --git a/src/pages/ManageValidator/Footer.tsx b/src/pages/ManageValidator/LeftManageSide/Footer.tsx
similarity index 94%
rename from src/pages/ManageValidator/Footer.tsx
rename to src/pages/ManageValidator/LeftManageSide/Footer.tsx
index be0542d4..85737b33 100644
--- a/src/pages/ManageValidator/Footer.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/Footer.tsx
@@ -2,7 +2,7 @@ import { Text as TextStat } from '@status-im/components'
 
 import { Text, XStack } from 'tamagui'
 import { ExternalIcon } from '@status-im/icons'
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 const Footer = () => {
   return (
     <XStack
diff --git a/src/pages/ManageValidator/Header.tsx b/src/pages/ManageValidator/LeftManageSide/Header.tsx
similarity index 87%
rename from src/pages/ManageValidator/Header.tsx
rename to src/pages/ManageValidator/LeftManageSide/Header.tsx
index 84518340..260858f9 100644
--- a/src/pages/ManageValidator/Header.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/Header.tsx
@@ -1,5 +1,5 @@
 import { XStack } from 'tamagui'
-import Titles from '../../components/General/Titles'
+import Titles from '../../../components/General/Titles'
 import { PopupIcon } from '@status-im/icons'
 const Header = () => {
   return (
diff --git a/src/pages/ManageValidator/LeftManageSide/LeftManageSide.tsx b/src/pages/ManageValidator/LeftManageSide/LeftManageSide.tsx
new file mode 100644
index 00000000..8cc24fee
--- /dev/null
+++ b/src/pages/ManageValidator/LeftManageSide/LeftManageSide.tsx
@@ -0,0 +1,37 @@
+import { Stack, YStack } from 'tamagui'
+
+import Header from './Header'
+import ValidatorInfo from './ValidatorInfo'
+import DepositStatus from './DepositStatus'
+import ValidatorBalance from './ValidatorBalance'
+import ValidatorDataCards from './ValidatorDataCards'
+import ValidatorSettingsCards from './ValidatorSeettingsCards'
+import ValidatorGraffiti from './ValidatorGraffiti'
+import ValidatorDataTabs from './ManageValidatorTable/ValidatorDataTabs'
+import Footer from './Footer'
+
+const LeftManageSide = () => {
+  return (
+    <Stack
+      width={'50%'}
+      maxWidth="50%"
+      flexGrow={1}
+      space={'$2'}
+      style={{ borderRight: '1px solid #DCE0E5' }}
+    >
+      <Header />
+      <YStack backgroundColor="#F4F6FE" space={'$3'}>
+        <ValidatorInfo />
+        <DepositStatus />
+        <ValidatorBalance />
+      </YStack>
+      <ValidatorDataCards />
+      <ValidatorSettingsCards />
+      <ValidatorGraffiti />
+      <ValidatorDataTabs />
+      <Footer />
+    </Stack>
+  )
+}
+
+export default LeftManageSide
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorDataTabs.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorDataTabs.tsx
similarity index 87%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorDataTabs.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorDataTabs.tsx
index ca6078dd..494d518c 100644
--- a/src/pages/ManageValidator/ManageValidatorTable/ValidatorDataTabs.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorDataTabs.tsx
@@ -1,11 +1,11 @@
 import { Stack } from 'tamagui'
-import { MANAGE_VALIDATOR_TABS } from '../../../constants'
+import { MANAGE_VALIDATOR_TABS } from '../../../../constants'
 import ValidatorTable from './ValidatorTable'
 import { Tabs } from '@status-im/components'
 import { useDispatch, useSelector } from 'react-redux'
 
-import { RootState } from '../../../redux/store'
-import { setCurrentTab } from '../../../redux/ManageValidatorTab/slice'
+import { RootState } from '../../../../redux/store'
+import { setCurrentTab } from '../../../../redux/ManageValidatorTab/slice'
 
 const ValidatorDataTabs = () => {
   const dispatch = useDispatch()
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTable.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTable.tsx
similarity index 100%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTable.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTable.tsx
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableBody.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableBody.tsx
similarity index 100%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTableBody.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableBody.tsx
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableHeader.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableHeader.tsx
similarity index 84%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTableHeader.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableHeader.tsx
index 40339e21..5c33ac7d 100644
--- a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableHeader.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableHeader.tsx
@@ -1,7 +1,7 @@
 import { Text } from '@status-im/components'
 import { useSelector } from 'react-redux'
-import { RootState } from '../../../redux/store'
-import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../constants'
+import { RootState } from '../../../../redux/store'
+import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../../constants'
 
 const ValidatorTableHeader = () => {
   const currentTab = useSelector(
diff --git a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableRow.tsx b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableRow.tsx
similarity index 84%
rename from src/pages/ManageValidator/ManageValidatorTable/ValidatorTableRow.tsx
rename to src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableRow.tsx
index 60ef7ba0..4ccfac25 100644
--- a/src/pages/ManageValidator/ManageValidatorTable/ValidatorTableRow.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ManageValidatorTable/ValidatorTableRow.tsx
@@ -1,7 +1,7 @@
 import { Text } from '@status-im/components'
-import { RootState } from '../../../redux/store'
+import { RootState } from '../../../../redux/store'
 import { useSelector } from 'react-redux'
-import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../constants'
+import { MANAGE_VALIDATOR_TABS_TABLE_DATA } from '../../../../constants'
 
 const ValidatorTableRow = () => {
   const currentTab = useSelector(
diff --git a/src/pages/ManageValidator/ValidatorBalance.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorBalance.tsx
similarity index 95%
rename from src/pages/ManageValidator/ValidatorBalance.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorBalance.tsx
index 13b272d0..b1490e5a 100644
--- a/src/pages/ManageValidator/ValidatorBalance.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorBalance.tsx
@@ -1,6 +1,6 @@
 import { Text } from '@status-im/components'
 import { Stack, XStack, YStack } from 'tamagui'
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 
 const ValidatorBalance = () => {
   return (
diff --git a/src/pages/ManageValidator/ValidatorDataCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorDataCard.tsx
similarity index 96%
rename from src/pages/ManageValidator/ValidatorDataCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorDataCard.tsx
index 8ac16733..5e714a87 100644
--- a/src/pages/ManageValidator/ValidatorDataCard.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorDataCard.tsx
@@ -1,6 +1,6 @@
 import { Text } from '@status-im/components'
 import { XStack, YStack } from 'tamagui'
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 
 type ValidatorDataCardProps = {
   title: string
diff --git a/src/pages/ManageValidator/ValidatorDataCards.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorDataCards.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorDataCards.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorDataCards.tsx
diff --git a/src/pages/ManageValidator/ValidatorGraffiti.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorGraffiti.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorGraffiti.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorGraffiti.tsx
diff --git a/src/pages/ManageValidator/ValidatorInfo.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorInfo.tsx
similarity index 91%
rename from src/pages/ManageValidator/ValidatorInfo.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorInfo.tsx
index 8231e938..4ed5a61c 100644
--- a/src/pages/ManageValidator/ValidatorInfo.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorInfo.tsx
@@ -1,8 +1,8 @@
 import { XStack, YStack } from 'tamagui'
-import ValidatorNameAddress from '../../components/General/ValidatorNameAddress'
+import ValidatorNameAddress from '../../../components/General/ValidatorNameAddress'
 import { Avatar, Text } from '@status-im/components'
 import { ChevronLeftIcon, ChevronRightIcon } from '@status-im/icons'
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 const ValidatorInfo = () => {
   return (
     <XStack space={'$2'} padding="30px" justifyContent="space-between">
diff --git a/src/pages/ManageValidator/ValidatorPeersCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorPeersCard.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorPeersCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorPeersCard.tsx
diff --git a/src/pages/ManageValidator/ValidatorSeettingsCards.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorSeettingsCards.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorSeettingsCards.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorSeettingsCards.tsx
diff --git a/src/pages/ManageValidator/ValidatorSettingCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorSettingCard.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorSettingCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorSettingCard.tsx
diff --git a/src/pages/ManageValidator/ValidatorToolCard.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorToolCard.tsx
similarity index 93%
rename from src/pages/ManageValidator/ValidatorToolCard.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorToolCard.tsx
index 3c105bd6..cd7eb2ed 100644
--- a/src/pages/ManageValidator/ValidatorToolCard.tsx
+++ b/src/pages/ManageValidator/LeftManageSide/ValidatorToolCard.tsx
@@ -1,7 +1,7 @@
 import { Stack, YStack } from 'tamagui'
 import { Text } from '@status-im/components'
 
-import Icon from '../../components/General/Icon'
+import Icon from '../../../components/General/Icon'
 
 type ValidatorToolCardProps = {
   name: string
diff --git a/src/pages/ManageValidator/ValidatorToolsCards.tsx b/src/pages/ManageValidator/LeftManageSide/ValidatorToolsCards.tsx
similarity index 100%
rename from src/pages/ManageValidator/ValidatorToolsCards.tsx
rename to src/pages/ManageValidator/LeftManageSide/ValidatorToolsCards.tsx
diff --git a/src/pages/ManageValidator/ManageValidator.tsx b/src/pages/ManageValidator/ManageValidator.tsx
index dc6543e2..9dcbd2a0 100644
--- a/src/pages/ManageValidator/ManageValidator.tsx
+++ b/src/pages/ManageValidator/ManageValidator.tsx
@@ -1,17 +1,8 @@
-import { XStack, YStack } from 'tamagui'
-import { Stack } from 'tamagui'
+import { XStack } from 'tamagui'
 
 import LeftSidebar from '../../components/General/LeftSidebar/LeftSidebar'
 import RightManageSettings from './RightManageSettings/RightManageSettings'
-import ValidatorInfo from './ValidatorInfo'
-import DepositStatus from './DepositStatus'
-import Header from './Header'
-import ValidatorBalance from './ValidatorBalance'
-import ValidatorDataCards from './ValidatorDataCards'
-import ValidatorDataTabs from './ManageValidatorTable/ValidatorDataTabs'
-import ValidatorGraffiti from './ValidatorGraffiti'
-import Footer from './Footer'
-import ValidatorSettingsCards from './ValidatorSeettingsCards'
+import LeftManageSide from './LeftManageSide/LeftManageSide'
 
 const ManageValidator = () => {
   return (
@@ -24,25 +15,7 @@ const ManageValidator = () => {
           flexGrow: 1,
         }}
       >
-        <Stack
-          width={'50%'}
-          maxWidth="50%"
-          flexGrow={1}
-          space={'$2'}
-          style={{ borderRight: '1px solid #DCE0E5' }}
-        >
-          <Header />
-          <YStack backgroundColor="#F4F6FE" space={'$3'}>
-            <ValidatorInfo />
-            <DepositStatus />
-            <ValidatorBalance />
-          </YStack>
-          <ValidatorDataCards />
-          <ValidatorSettingsCards />
-          <ValidatorGraffiti />
-          <ValidatorDataTabs />
-          <Footer />
-        </Stack>
+        <LeftManageSide />
         <RightManageSettings />
       </XStack>
     </XStack>