From bc8a6847e317f1a4578cd66ea564a28d0c180152 Mon Sep 17 00:00:00 2001
From: MacRimi <ricoextincion@gmail.com>
Date: Fri, 17 Oct 2025 18:10:12 +0200
Subject: [PATCH] Update virtual-machines.tsx

---
 AppImage/components/virtual-machines.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/AppImage/components/virtual-machines.tsx b/AppImage/components/virtual-machines.tsx
index 7127c15..ffda3db 100644
--- a/AppImage/components/virtual-machines.tsx
+++ b/AppImage/components/virtual-machines.tsx
@@ -501,12 +501,11 @@ export function VirtualMachines() {
                 const lxcIP = vm.type === "lxc" ? vmConfigs[vm.vmid] : null
 
                 return (
-                  <div
-                    key={vm.vmid}
-                    className="p-4 rounded-lg border-2 border-accent/20 bg-accent/10 hover:bg-accent/20 transition-colors cursor-pointer"
-                    onClick={() => handleVMClick(vm)}
-                  >
-                    <div className="hidden sm:block">
+                  <div key={vm.vmid}>
+                    <div
+                      className="hidden sm:block p-4 rounded-lg border border-border bg-card hover:bg-muted/50 transition-colors cursor-pointer"
+                      onClick={() => handleVMClick(vm)}
+                    >
                       <div className="flex items-center gap-2 flex-wrap mb-3">
                         <Badge variant="outline" className={`text-xs flex-shrink-0 ${getStatusColor(vm.status)}`}>
                           {getStatusIcon(vm.status)}
@@ -592,7 +591,10 @@ export function VirtualMachines() {
                       </div>
                     </div>
 
-                    <div className="sm:hidden">
+                    <div
+                      className="sm:hidden p-4 rounded-lg border border-border bg-muted/50 transition-colors cursor-pointer"
+                      onClick={() => handleVMClick(vm)}
+                    >
                       <div className="flex items-center gap-3">
                         {/* Status circle with play/stop icon */}
                         <div