Style dashboard

src/pages/Dashboard/CPULoad/CPUCard.tsx

@@ -41,13 +41,16 @@ const CPUCard = ({ load }: CPUCardProps) => {
     <Shadow
       variant="$2"
       style={{
-        minHeight: '136px',
+
         borderRadius: '16px',
         border: message === 'Poor' ? '1px solid  #D92344' : 'none',
         backgroundColor: message === 'Poor' ? '#fefafa' : '#fff',
       }}
     >
-      <YStack>
+      <YStack style={{
+        width: '284px',
+        height: '136px',
+      }}>
         <XStack
           justifyContent="space-between"
           style={{

src/pages/Dashboard/Dashboard.tsx

@@ -39,12 +39,12 @@ const Dashboard = () => {
               </XStack>
               <DeviceUptime />
             </YStack>
-            <YStack space={'$4'}>
-              <XStack justifyContent="space-between">
+            <YStack space={'$4'} >
+              <XStack space="$4" >
                 <StorageCard maxStorage={100} storage={82} />
                 <CPUCard load={[12, 31, 3, 2, 24, 98]} />
               </XStack>
-              <XStack justifyContent="space-between">
+              <XStack space="$4">
                 <NetworkCard
                   downloadRate={[12, 31, 2, 12, 3, 23]}
                   uploadRate={[31, 12, 3, 13, 3]}

src/pages/Dashboard/MemoryCard/MemoryCard.tsx

@@ -43,14 +43,15 @@ const MemoryCard = ({ currentMemory, maxMemory }: MemoryCardProps) => {
     <ShadowBox
       variant="$2"
       style={{
-        width: '284px',
-        height: '136px',
         borderRadius: '16px',
         border: message === 'Poor' ? '1px solid  #D92344' : 'none',
         backgroundColor: message === 'Poor' ? '#fefafa' : '#fff',
       }}
     >
-      <YStack>
+      <YStack style={{
+        width: '284px',
+        height: '136px',
+      }}>
         <XStack
           justifyContent="space-between"
           style={{