diff --git a/src/pages/Dashboard/CPULoad/CPUCard.tsx b/src/pages/Dashboard/CPULoad/CPUCard.tsx
index 77894192..aabab6b3 100644
--- a/src/pages/Dashboard/CPULoad/CPUCard.tsx
+++ b/src/pages/Dashboard/CPULoad/CPUCard.tsx
@@ -42,11 +42,15 @@ const CPUCard = ({ load }: CPUCardProps) => {
   const message = currentLoad < 80 ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="200px">
+    <DashboardCardWrapper
+      padding="0"
+      height="156px"
+      minWidth="200px"
+      isErrorBorder={message === 'Poor'}
+    >
       <YStack
         style={{
           borderRadius: '16px',
-          border: message === 'Poor' ? '1px solid  #D92344' : 'none',
           backgroundColor: message === 'Poor' ? '#fefafa' : '#fff',
           flexGrow: '1',
         }}
diff --git a/src/pages/Dashboard/DashboardCardWrapper.tsx b/src/pages/Dashboard/DashboardCardWrapper.tsx
index 6fffab19..bff83d78 100644
--- a/src/pages/Dashboard/DashboardCardWrapper.tsx
+++ b/src/pages/Dashboard/DashboardCardWrapper.tsx
@@ -8,6 +8,7 @@ type DashboardCardWrapperProps = {
   minWidth?: string
   maxWidth?: string
   maxHeight?: string
+  isErrorBorder?: boolean
 }
 
 const DashboardCardWrapper = ({
@@ -18,6 +19,7 @@ const DashboardCardWrapper = ({
   minWidth = '0',
   maxWidth,
   maxHeight,
+  isErrorBorder,
 }: DashboardCardWrapperProps) => {
   return (
     <Shadow
@@ -32,7 +34,7 @@ const DashboardCardWrapper = ({
         minWidth: minWidth,
         maxWidth: maxWidth,
         maxHeight: maxHeight,
-        border: '1px solid #E7EAEE',
+        border: isErrorBorder ? '1px solid  #D92344' : '1px solid #E7EAEE',
       }}
     >
       {children}
diff --git a/src/pages/Dashboard/MemoryCard/MemoryCard.tsx b/src/pages/Dashboard/MemoryCard/MemoryCard.tsx
index 26bbbd8e..179a3b9b 100644
--- a/src/pages/Dashboard/MemoryCard/MemoryCard.tsx
+++ b/src/pages/Dashboard/MemoryCard/MemoryCard.tsx
@@ -44,11 +44,15 @@ const MemoryCard = ({ currentMemory, maxMemory }: MemoryCardProps) => {
   const message = currentLoad < maxMemory ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="200px">
+    <DashboardCardWrapper
+      padding="0"
+      height="156px"
+      minWidth="200px"
+      isErrorBorder={message === 'Poor'}
+    >
       <YStack
         style={{
           borderRadius: '16px',
-          border: message === 'Poor' ? '1px solid  #D92344' : 'none',
           backgroundColor: message === 'Poor' ? '#fefafa' : '#fff',
         }}
         height={'100%'}
diff --git a/src/pages/Dashboard/NetworkCard/NetworkCard.tsx b/src/pages/Dashboard/NetworkCard/NetworkCard.tsx
index 613509fe..5edbd3fc 100644
--- a/src/pages/Dashboard/NetworkCard/NetworkCard.tsx
+++ b/src/pages/Dashboard/NetworkCard/NetworkCard.tsx
@@ -50,11 +50,15 @@ const NetworkCard = ({ uploadRate, downloadRate }: NetworkCardProps) => {
   const message = currentLoad > 60 ? 'Good' : 'Poor'
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="200px">
+    <DashboardCardWrapper
+      padding="0"
+      height="156px"
+      minWidth="200px"
+      isErrorBorder={message === 'Poor'}
+    >
       <YStack
         style={{
           borderRadius: '16px',
-          border: message === 'Poor' ? '1px solid  #D92344' : 'none',
           backgroundColor: message === 'Poor' ? '#fefafa' : '#fff',
         }}
         height={'100%'}
diff --git a/src/pages/Dashboard/StorageCard/StorageCard.tsx b/src/pages/Dashboard/StorageCard/StorageCard.tsx
index 9083eebc..50d2cf25 100644
--- a/src/pages/Dashboard/StorageCard/StorageCard.tsx
+++ b/src/pages/Dashboard/StorageCard/StorageCard.tsx
@@ -35,11 +35,15 @@ const StorageCard = ({ storage, maxStorage }: StorageCardProps) => {
   }
 
   return (
-    <DashboardCardWrapper padding="0" height="156px" minWidth="200px">
+    <DashboardCardWrapper
+      padding="0"
+      height="156px"
+      minWidth="200px"
+      isErrorBorder={message === 'Poor'}
+    >
       <YStack
         style={{
           borderRadius: '16px',
-          border: message === 'Poor' ? '1px solid  #D92344' : 'none',
           backgroundColor: message === 'Poor' ? '#fefafa' : '#fff',
           flexGrow: '1',
         }}