From 0508a93b90d7d31da49e91031c6ca96c9412d62e Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Thu, 19 Oct 2023 18:21:20 +0300
Subject: [PATCH] fix bottom row of dashboard

---
 src/pages/Dashboard/DashboardContent.tsx | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx
index 41b27008..67336fd2 100644
--- a/src/pages/Dashboard/DashboardContent.tsx
+++ b/src/pages/Dashboard/DashboardContent.tsx
@@ -55,15 +55,21 @@ const DashboardContent = () => {
         <BalanceChartCard />
       </Stack>
       <BasicInfoCards />
-      <XStack space="$3" flexWrap="wrap">
-        <YStack space="$4">
+      <Stack
+        style={{
+          display: 'grid',
+          gridTemplateColumns: windowWidth < 1300 ? '1fr' : '1.5fr 1fr',
+          gap: '16px',
+        }}
+      >
+        <YStack  >
           <XStack justifyContent="space-between">
             <ConsensusUptimeCard />
             <ExecutionUptime />
           </XStack>
           <DeviceUptime />
         </YStack>
-        <YStack space="$4" flexWrap="wrap">
+        <YStack   >
           <XStack space="$4">
             <StorageCard maxStorage={100} storage={82} />
             <CPUCard load={[12, 31, 3, 2, 24, 98]} />
@@ -76,7 +82,7 @@ const DashboardContent = () => {
             />
           </XStack>
         </YStack>
-      </XStack>
+      </Stack>
     </YStack>
   )
 }