From 71eddf8034e823941e4de668550f211565bd35cf Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 1 Nov 2023 19:35:32 +0200
Subject: [PATCH] Use grid in data cards right

---
 src/pages/Dashboard/CPULoad/CPUCard.tsx         | 2 +-
 src/pages/Dashboard/MemoryCard/MemoryCard.tsx   | 2 +-
 src/pages/Dashboard/NetworkCard/NetworkCard.tsx | 2 +-
 src/pages/Dashboard/StorageCard/StorageCard.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/Dashboard/CPULoad/CPUCard.tsx b/src/pages/Dashboard/CPULoad/CPUCard.tsx
index ca3974aa..b7519585 100644
--- a/src/pages/Dashboard/CPULoad/CPUCard.tsx
+++ b/src/pages/Dashboard/CPULoad/CPUCard.tsx
@@ -40,7 +40,7 @@ const CPUCard = ({ load }: CPUCardProps) => {
   const message = currentLoad < 80 ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="200px" maxWidth="30%">
+    <DashboardCardWrapper padding="0" height="156px" minWidth="200px"  >
       <YStack
         style={{
           borderRadius: '16px',
diff --git a/src/pages/Dashboard/MemoryCard/MemoryCard.tsx b/src/pages/Dashboard/MemoryCard/MemoryCard.tsx
index d0c44483..e0a185e0 100644
--- a/src/pages/Dashboard/MemoryCard/MemoryCard.tsx
+++ b/src/pages/Dashboard/MemoryCard/MemoryCard.tsx
@@ -42,7 +42,7 @@ const MemoryCard = ({ currentMemory, maxMemory }: MemoryCardProps) => {
   const message = currentLoad < maxMemory ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="200px" maxWidth="30%">
+    <DashboardCardWrapper padding="0" height="156px" minWidth="200px"  >
       <YStack
         style={{
           borderRadius: '16px',
diff --git a/src/pages/Dashboard/NetworkCard/NetworkCard.tsx b/src/pages/Dashboard/NetworkCard/NetworkCard.tsx
index a9567522..8561784c 100644
--- a/src/pages/Dashboard/NetworkCard/NetworkCard.tsx
+++ b/src/pages/Dashboard/NetworkCard/NetworkCard.tsx
@@ -48,7 +48,7 @@ const NetworkCard = ({ uploadRate, downloadRate }: NetworkCardProps) => {
   const message = currentLoad > 60 ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="200px" maxWidth="30%">
+    <DashboardCardWrapper padding="0" height="156px" minWidth="200px"  >
       <YStack
         style={{
           borderRadius: '16px',
diff --git a/src/pages/Dashboard/StorageCard/StorageCard.tsx b/src/pages/Dashboard/StorageCard/StorageCard.tsx
index 43117f76..6a7fab80 100644
--- a/src/pages/Dashboard/StorageCard/StorageCard.tsx
+++ b/src/pages/Dashboard/StorageCard/StorageCard.tsx
@@ -35,7 +35,7 @@ const StorageCard = ({ storage, maxStorage }: StorageCardProps) => {
   }
 
   return (
-    <DashboardCardWrapper padding="0" height={'156px'} minWidth="200px" maxWidth="30%">
+    <DashboardCardWrapper padding="0" height="156px" minWidth="200px" >
       <YStack
         style={{
           borderRadius: '16px',