diff --git a/packages/kilo-ui/src/components/card.css b/packages/kilo-ui/src/components/card.css
index 7e97fcf316a..6ae4d7d2693 100644
--- a/packages/kilo-ui/src/components/card.css
+++ b/packages/kilo-ui/src/components/card.css
@@ -4,4 +4,8 @@
   border-radius: 2px;
   padding: 8px;
   border: 1px solid var(--border-weak-base);
+
+  &[data-variant="warning"] {
+    padding: 12px 14px;
+  }
 }
diff --git a/packages/ui/src/components/card.css b/packages/ui/src/components/card.css
index 812ad3a0369..6ff6c60b547 100644
--- a/packages/ui/src/components/card.css
+++ b/packages/ui/src/components/card.css
@@ -28,8 +28,10 @@
   }
 
   &[data-variant="warning"] {
-    background-color: var(--surface-warning-weak);
-    border: 1px solid var(--border-warning-base);
+    background-color: rgba(245, 158, 11, 0.1);
+    border: 1px solid rgba(245, 158, 11, 0.45);
+    color: color-mix(in oklab, var(--text-warning, #d97706) 85%, var(--text-base, #ccc));
+    padding: 12px 14px;
 
     /* text-12-regular */
     font-family: var(--font-family-sans);