diff --git a/AppImage/components/storage-metrics.tsx b/AppImage/components/storage-metrics.tsx
index 3b8de08..6cda43c 100644
--- a/AppImage/components/storage-metrics.tsx
+++ b/AppImage/components/storage-metrics.tsx
@@ -70,7 +70,7 @@ export function StorageMetrics() {
     }
 
     fetchData()
-    const interval = setInterval(fetchData, 30000)
+    const interval = setInterval(fetchData, 60000)
     return () => clearInterval(interval)
   }, [])
 
diff --git a/AppImage/components/storage-overview.tsx b/AppImage/components/storage-overview.tsx
index 22502d2..ac03448 100644
--- a/AppImage/components/storage-overview.tsx
+++ b/AppImage/components/storage-overview.tsx
@@ -100,7 +100,7 @@ export function StorageOverview() {
 
   useEffect(() => {
     fetchStorageData()
-    const interval = setInterval(fetchStorageData, 30000) // Update every 30 seconds
+    const interval = setInterval(fetchStorageData, 60000)
     return () => clearInterval(interval)
   }, [])
 
diff --git a/AppImage/components/system-overview.tsx b/AppImage/components/system-overview.tsx
index 35761f8..6c11a6d 100644
--- a/AppImage/components/system-overview.tsx
+++ b/AppImage/components/system-overview.tsx
@@ -231,7 +231,7 @@ export function SystemOverview() {
     }
 
     fetchStorage()
-    const storageInterval = setInterval(fetchStorage, 15000)
+    const storageInterval = setInterval(fetchStorage, 30000)
 
     return () => {
       clearInterval(storageInterval)
@@ -323,8 +323,8 @@ export function SystemOverview() {
           </CardHeader>
           <CardContent>
             <div className="text-2xl font-bold text-foreground">{systemData.cpu_usage}%</div>
-            <Progress value={systemData.cpu_usage} className="mt-2" />
-            <p className="text-xs text-muted-foreground mt-2">Real-time data from Flask server</p>
+            <Progress value={systemData.cpu_usage} className="mt-2 [&>div]:bg-blue-500" />
+            <p className="text-xs text-muted-foreground mt-2">Real-time usage</p>
           </CardContent>
         </Card>
 
@@ -335,9 +335,10 @@ export function SystemOverview() {
           </CardHeader>
           <CardContent>
             <div className="text-2xl font-bold text-foreground">{systemData.memory_used.toFixed(1)} GB</div>
-            <Progress value={systemData.memory_usage} className="mt-2" />
+            <Progress value={systemData.memory_usage} className="mt-2 [&>div]:bg-blue-500" />
             <p className="text-xs text-muted-foreground mt-2">
-              {systemData.memory_usage.toFixed(1)}% of {systemData.memory_total} GB
+              <span className="text-blue-500 font-medium">{systemData.memory_usage.toFixed(1)}%</span> of{" "}
+              {systemData.memory_total} GB
             </p>
           </CardContent>
         </Card>
@@ -374,7 +375,7 @@ export function SystemOverview() {
                 {vmStats.running} Running
               </Badge>
               {vmStats.stopped > 0 && (
-                <Badge variant="outline" className="bg-yellow-500/10 text-yellow-500 border-yellow-500/20">
+                <Badge variant="outline" className="bg-red-500/10 text-red-500 border-red-500/20">
                   {vmStats.stopped} Stopped
                 </Badge>
               )}
@@ -410,7 +411,7 @@ export function SystemOverview() {
                   <span className="text-sm text-muted-foreground">Available:</span>
                   <span className="text-lg font-semibold text-green-500">{storageData.available} GB</span>
                 </div>
-                <Progress value={(storageData.used / storageData.total) * 100} className="mt-2" />
+                <Progress value={(storageData.used / storageData.total) * 100} className="mt-2 [&>div]:bg-blue-500" />
                 <div className="pt-2 border-t border-border">
                   <p className="text-xs text-muted-foreground">
                     {storageData.disks.length} disk{storageData.disks.length !== 1 ? "s" : ""} configured