diff --git a/webclient/src/components/script/ActionScriptsGrid.vue b/webclient/src/components/script/ActionScriptsGrid.vue
index a643f46..8f7b3e1 100644
--- a/webclient/src/components/script/ActionScriptsGrid.vue
+++ b/webclient/src/components/script/ActionScriptsGrid.vue
@@ -99,8 +99,8 @@
 }
 
 function cardClass(script) {
-  if (script.danger_level === "dangerous") return "card-dangerous";
-  if (script.danger_level === "cautious") return "card-cautious";
+  if (script.danger_level === "dangerous") return "text-danger card-dangerous";
+  if (script.danger_level === "cautious") return "text-warning card-cautious";
   return "";
 }
 
@@ -168,11 +168,11 @@
   align-items: center;
 }
 
-.card-cautious {
-  border-color: var(--color-warning, #f59e0b);
+.card-cautious.action-card {
+  border-color: currentColor;
 }
 
-.card-dangerous {
-  border-color: var(--color-danger, #ef4444);
+.card-dangerous.action-card {
+  border-color: currentColor;
 }
 </style>