fix first width range

src/pages/Dashboard/ConsensusUptime/ConsensusUptimeCard.tsx

@@ -6,11 +6,10 @@ import Icon from '../../../components/General/Icon'
 import DashboardCardWrapper from '../DashboardCardWrapper'
 
 const ConsensusUptimeCard = () => {
-  const monthlyActivity = [3, 0, 5, 4, 6, 7, 8, 9, 10, 1, 2, 3]
-
+  
   return (
-    <DashboardCardWrapper>
-      <YStack space={'$3'}>
+    <DashboardCardWrapper  minWidth="50px" maxWidth="1fr"  >
+      <YStack space={'$3'}  >
         <YStack>
           <Text size={15} weight={'semibold'}>
             Consensus Uptime

src/pages/Dashboard/DashboardContent.tsx

@@ -65,7 +65,7 @@ const DashboardContent = () => {
         )}
       </Stack>
       <BasicInfoCards />
-      {/* SECOND ROW ENDS HERE! */}
+      
       {windowWidth < 1375 ? (
         windowWidth < 850 ? (
           DashboardContentLayoutPhone(windowWidth)
@@ -82,16 +82,20 @@ const DashboardContent = () => {
           }}
         >
           <YStack>
-            <XStack>
+            <Stack style={{
+              display: 'grid',
+              gridTemplateColumns: '1fr 1fr',
+            }}>
               <ConsensusUptimeCard />
               <ExecutionUptime />
-            </XStack>
+            </Stack>
+           
 
             <DeviceUptime />
           </YStack>
           <YStack space={'$4'}>
             <XStack space={'$4'}>
-              <StorageCard maxStorage={100} storage={82} />
+              <StorageCard maxStorage={100} storage={182} />
               <CPUCard load={[12, 31, 3, 2, 24, 98]} />
             </XStack>
             <XStack space="$4">

src/pages/Dashboard/DeviceUptime/DeviceUptime.tsx

@@ -28,7 +28,7 @@ const DeviceUptime = () => {
   }
 
   return (
-    <DashboardCardWrapper>
+    <DashboardCardWrapper minWidth='100px'>
       <YStack space={'$3'}>
         <XStack justifyContent={'space-between'}>
           <YStack>

src/pages/Dashboard/ExecutionUptime/ExecutionUptime.tsx

@@ -6,10 +6,10 @@ import UptimeChart from '../UptimeChart/UptimeChart'
 import DashboardCardWrapper from '../DashboardCardWrapper'
 
 const ExecutionUptime = () => {
-  const monthlyActivity = [3, 0, 5, 4, 6, 7, 0, 9, 10, 1, 2, 3]
+ 
   return (
-    <DashboardCardWrapper>
-      <YStack space={'$3'} minHeight={'156px'} padding={'$3'}>
+    <DashboardCardWrapper minWidth="100px" maxWidth="1fr" >
+      <YStack space={'$3'}  >
         <YStack>
           <Text size={15} weight={'semibold'}>
             Execution Uptime