diff --git a/src/components/DeviceCPULoad.tsx b/src/components/DeviceCPULoad.tsx
index f02ff026..25897265 100644
--- a/src/components/DeviceCPULoad.tsx
+++ b/src/components/DeviceCPULoad.tsx
@@ -34,7 +34,7 @@ const DeviceCPULoad: React.FC<DeviceCPULoadProps> = ({ load }) => {
   const message = currentLoad < 80 ? 'Good' : 'Poor'
 
   return (
-    <Shadow style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
+    <Shadow variant="$2" style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
       <YStack>
         <XStack
           justifyContent="space-between"
diff --git a/src/components/DeviceStorageHealth.tsx b/src/components/DeviceStorageHealth.tsx
index 3cd415c3..06745009 100644
--- a/src/components/DeviceStorageHealth.tsx
+++ b/src/components/DeviceStorageHealth.tsx
@@ -28,7 +28,7 @@ const DeviceStorageHealth: React.FC<DeviceStorageHealthProps> = ({ storage, maxS
     ]
   }
   return (
-    <Shadow style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
+    <Shadow variant="$2" style={{ width: '284px', height: '136px', borderRadius: '16px' }}>
       <YStack>
         <XStack
           justifyContent="space-between"