From dae179e64183b3989d2828d93acc935dededa1b2 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 24 Apr 2024 14:13:00 +0300
Subject: [PATCH] feat(sync-status-card): align main content to left

---
 src/components/General/SyncStatusCard.tsx | 66 ++++++++++++-----------
 1 file changed, 34 insertions(+), 32 deletions(-)

diff --git a/src/components/General/SyncStatusCard.tsx b/src/components/General/SyncStatusCard.tsx
index 52e924bd..5b1ed7cc 100644
--- a/src/components/General/SyncStatusCard.tsx
+++ b/src/components/General/SyncStatusCard.tsx
@@ -28,38 +28,40 @@ const SyncStatusCard = ({
         minWidth: '200px',
       }}
     >
-      <XStack space={'$2'} alignItems="center" justifyContent={'space-between'}>
-        <Stack
-          style={{
-            height: '35px',
-            width: '35px',
-          }}
-        >
-          <StandardGauge
-            data={[
-              {
-                id: title,
-                label: title,
-                value: synced,
-                color: color,
-              },
-              {
-                id: 'free',
-                label: 'free',
-                value: total - synced || 1,
-                color: '#E7EAEE',
-              },
-            ]}
-          />
-        </Stack>
-        <YStack>
-          <Text size={11} color="#84888e" weight={'semibold'}>
-            {title}
-          </Text>
-          <Text size={15} weight={'semibold'}>
-            {formatNumbersWithComa(synced)} / {formatNumbersWithComa(total)}
-          </Text>
-        </YStack>
+      <XStack alignItems="center" justifyContent={'space-between'}>
+        <XStack space={'$2'} alignItems="center">
+          <Stack
+            style={{
+              height: '35px',
+              width: '35px',
+            }}
+          >
+            <StandardGauge
+              data={[
+                {
+                  id: title,
+                  label: title,
+                  value: synced,
+                  color: color,
+                },
+                {
+                  id: 'free',
+                  label: 'free',
+                  value: total - synced || 1,
+                  color: '#E7EAEE',
+                },
+              ]}
+            />
+          </Stack>
+          <YStack>
+            <Text size={11} color="#84888e" weight={'semibold'}>
+              {title}
+            </Text>
+            <Text size={15} weight={'semibold'}>
+              {formatNumbersWithComa(synced)} / {formatNumbersWithComa(total)}
+            </Text>
+          </YStack>
+        </XStack>
         <InfoBadgeIcon
           size={20}
           color="#A1ABBD"