From b664c3a4a2113253cc4e0283a3269374e5086a9a Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Tue, 9 Jan 2024 17:01:48 +0200
Subject: [PATCH] clear code

---
 src/components/General/Icon.tsx                             | 6 +++---
 src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx   | 2 +-
 .../ValidatorSetup/ValidatorSetup/ExecClientCard.tsx        | 4 ++--
 .../ValidatorSetup/ValidatorSetup/ExecClientCards.tsx       | 3 +--
 4 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/General/Icon.tsx b/src/components/General/Icon.tsx
index e3fb33d1..828f774a 100644
--- a/src/components/General/Icon.tsx
+++ b/src/components/General/Icon.tsx
@@ -11,10 +11,10 @@ const Icon = ({ src, width = '16px', height = '16px' }: IconProps) => {
     <Image
       src={src}
       source={{ uri: src }}
-      width={'70%'}
-      height={100}
+      width={'50%'}
+      height={90}
       style={{ backgroundColor: 'transparent' }}
-      minWidth={'110px'}
+      minWidth={'90px'}
     />
   )
 }
diff --git a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
index 6459a182..65fd7508 100644
--- a/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
+++ b/src/pages/ValidatorOnboarding/FormStepper/FormStepper.tsx
@@ -60,7 +60,7 @@ const FormStepper = ({ activeStep, windowWidth }: FormStepperProps) => {
         return (
           <Step
             key={originalIndex}
-            label={`${originalIndex + 1}. ${step.label}`}
+            label={`${step.label}`}
             className="custom-step"
             onClick={() => changeStepOnClickHandler(originalIndex)}
             completed={activeStep > originalIndex - 1}
diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx
index 5c3a34fb..4e96b12d 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCard.tsx
@@ -28,8 +28,8 @@ const ExecClientCard = ({ name, icon, isComingSoon }: ExecClientCardProps) => {
           : '1px solid #DCE0E5',
         borderRadius: '16px',
         padding: '12px 16px',
-        width: '19%',
         cursor: 'pointer',
+        width: '100%',
         minWidth: '150px',
       }}
       space={'$8'}
@@ -50,7 +50,7 @@ const ExecClientCard = ({ name, icon, isComingSoon }: ExecClientCardProps) => {
               alignItems: 'center',
               padding: '3px 6px',
               borderRadius: '67px',
-              width: 'fit-content',
+              
             }}
           >
             <Text size={11} color="#fff">
diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx
index 04741a92..99566925 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorSetup/ExecClientCards.tsx
@@ -13,9 +13,8 @@ const ExecClientCards = () => {
       <Stack
         style={{
           display: 'grid',
-          gridTemplateColumns: 'repeat(auto-fill, minmax(200px, 1fr))',
+          gridTemplateColumns: 'repeat(auto-fit, minmax(200px, 1fr))',
           gap: '8px',
-          justifyContent: 'space-between',
         }}
       >
         {Object.entries(DOCUMENTATIONS).map(([name, { icon }], index) => (