diff --git a/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx b/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx
index d8272ce7..7aa81068 100644
--- a/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx
+++ b/ui/src/pages/Alerts/RuleEditor/NotifyStep.tsx
@@ -91,7 +91,7 @@ export function NotifyStep({
           Preview rendered output
         </Button>
         {!ruleId && (
-          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--muted)' }}>
+          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--text-muted)' }}>
             Save the rule first to preview rendered output.
           </p>
         )}
diff --git a/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx b/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx
index 77da5c56..3ed2cf68 100644
--- a/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx
+++ b/ui/src/pages/Alerts/RuleEditor/TriggerStep.tsx
@@ -60,7 +60,7 @@ export function TriggerStep({
           Test evaluate (uses saved rule)
         </Button>
         {!ruleId && (
-          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--muted)' }}>
+          <p style={{ marginTop: 8, fontSize: 12, color: 'var(--text-muted)' }}>
             Save the rule first to enable test-evaluate.
           </p>
         )}