From 8e52cb276920a787106fdf4b9acd28bfc40e3dda Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Tue, 20 Feb 2024 12:14:12 +0200
Subject: [PATCH] feat(migrate-panel): style and center image and text

---
 .../Panels/MigratePanel.tsx                   | 23 +++++++++++++++----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
index 12ef33a1..8f15f5ea 100644
--- a/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
+++ b/src/pages/ValidatorManagement/ManageValidator/RightManageSettings/Panels/MigratePanel.tsx
@@ -6,16 +6,29 @@ import KeystoreBackupsCard from '../../../../ValidatorOnboarding/KeyGeneration/K
 
 const MigratePanel = () => {
   const migrateValidatorHandler = () => {}
+
   return (
     <YStack>
       <Text size={19} weight={'semibold'}>
         Migrate Validator
       </Text>
-      <img src="/public/images/migrate.png" alt="migrate" />
-      <Text size={15}>
-        You are about to Migrate your validator it is not possible for you to
-        revert this action! Please make sure you understand the consequences.
-      </Text>
+      <YStack
+        space={'$2'}
+        style={{
+          alignItems: 'center',
+          textAlign: 'center',
+        }}
+      >
+        <img
+          src="/public/images/migrate.png"
+          alt="migrate"
+          style={{ width: '300px' }}
+        />
+        <Text size={15}>
+          You are about to Migrate your validator it is not possible for you to
+          revert this action! Please make sure you understand the consequences.
+        </Text>
+      </YStack>
       <KeystoreBackupsCard />
       <InformationBox
         message="Please make sure to enforce the file on another node to continue validating with your Validator."