From 713dd3ae38b93f3c81f15636547f88ccb67da931 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 24 Apr 2024 15:22:19 +0300
Subject: [PATCH] feat(paired-device-card): align main content to left

---
 .../ConsensusClient/PairedDeviceCard.tsx      | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx
index af02bb96..d0de74e6 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ConsensusClient/PairedDeviceCard.tsx
@@ -14,21 +14,23 @@ const PairedDeviceCard = () => {
         minWidth: '200px',
       }}
     >
-      <XStack space={'$2'} alignItems="center" justifyContent={'space-between'}>
-        <Avatar
-          backgroundColor="pink"
-          type="icon"
-          size={32}
-          icon={<img src={'/icons/pepper.svg'} alt="pepper" />}
-        />
-        <YStack>
-          <Text size={13} color="#647084">
-            Paired Device
-          </Text>
-          <Text size={15} weight={'semibold'}>
-            Stake & Chips
-          </Text>
-        </YStack>
+      <XStack alignItems="center" justifyContent={'space-between'}>
+        <XStack space={'$2'} alignItems="center">
+          <Avatar
+            backgroundColor="pink"
+            type="icon"
+            size={32}
+            icon={<img src={'/icons/pepper.svg'} alt="pepper" />}
+          />
+          <YStack>
+            <Text size={13} color="#647084">
+              Paired Device
+            </Text>
+            <Text size={15} weight={'semibold'}>
+              Stake & Chips
+            </Text>
+          </YStack>
+        </XStack>
         <InfoBadgeIcon size={20} color="#A1ABBD" cursor={'pointer'} />
       </XStack>
     </BorderBox>