diff --git a/src/pages/Dashboard/DashboardContent.tsx b/src/pages/Dashboard/DashboardContent.tsx
index 25fdacf5..ddf17498 100644
--- a/src/pages/Dashboard/DashboardContent.tsx
+++ b/src/pages/Dashboard/DashboardContent.tsx
@@ -62,19 +62,19 @@ const DashboardContent = () => {
           gap: '16px',
         }}
       >
-        <YStack>
-          <XStack justifyContent="space-between" flexWrap="wrap">
+        <YStack space={'4$'}>
+          <XStack flexWrap="wrap" space={'$4'}>
             <ConsensusUptimeCard />
             <ExecutionUptime />
           </XStack>
           <DeviceUptime />
         </YStack>
-        <YStack justifyContent="space-between">
-          <XStack flexWrap="wrap">
+        <YStack space={'$4'}>
+          <XStack flexWrap="wrap" space={'$4'}>
             <StorageCard maxStorage={100} storage={82} />
             <CPUCard load={[12, 31, 3, 2, 24, 98]} />
           </XStack>
-          <XStack flexWrap="wrap">
+          <XStack flexWrap="wrap" space={'$4'}>
             <MemoryCard currentMemory={[21, 33, 3, 42, 35]} maxMemory={50} />
             <NetworkCard
               downloadRate={[12, 31, 22, 12, 23, 23, 90]}