diff --git a/src/components/BankCard.astro b/src/components/BankCard.astro
index 431cd65..fbb44b0 100644
--- a/src/components/BankCard.astro
+++ b/src/components/BankCard.astro
@@ -25,7 +25,8 @@ const entriesWithFlux = allHumans.filter((h: any) =>
 
 // 2. On trouve la date de la toute dernière transaction enregistrée (pour ne pas être bloqué par un changement de mois vide)
 const lastFluxEntry = entriesWithFlux.sort(
-    (a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime(),
+    (a: any, b: any) =>
+        new Date(b.data.date).getTime() - new Date(a.data.date).getTime(),
 )[0];
 
 // 3. On définit la période de référence (Mois/Année)
@@ -144,8 +145,7 @@ else if (percentage < 85) status = { label: "ÉQUILIBRE", color: "#3b82f6" };
     .bank-card {
         background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
         color: #1a202c;
-        border-color: var(--accent) !important;
-        border-width: 2px;
+        border-width: 1px;
     }
 
     .card-inner {
diff --git a/src/components/ShoppingCard.astro b/src/components/ShoppingCard.astro
index 4546365..6c97363 100644
--- a/src/components/ShoppingCard.astro
+++ b/src/components/ShoppingCard.astro
@@ -39,7 +39,7 @@ const isEmpty = remaining <= 0;
 <style>
     .shopping-card {
         --primary: #10b981;
-        background: white;
+        background: linear-gradient(135deg, #fff 0%, #f8fafc 100%);
         border: 1px solid #e2e8f0;
         border-radius: 12px;
         height: 100%;