diff --git a/ui/src/pages/Routes/RouteDetail.module.css b/ui/src/pages/Routes/RouteDetail.module.css
index e445bff4..2bf41cd5 100644
--- a/ui/src/pages/Routes/RouteDetail.module.css
+++ b/ui/src/pages/Routes/RouteDetail.module.css
@@ -424,8 +424,8 @@
 }
 
 .testResult {
-  padding: 8px 12px;
-  border-radius: 6px;
+  padding: 10px 14px;
+  border-radius: var(--radius-md);
   font-family: var(--font-mono);
   font-size: 12px;
   margin-top: 8px;
@@ -434,13 +434,13 @@
 }
 
 .testSuccess {
-  background: var(--bg-success-subtle, #0f2a1a);
-  border: 1px solid var(--border-success, #166534);
-  color: var(--text-success, #4ade80);
+  background: var(--success-bg);
+  border: 1px solid var(--success-border);
+  color: var(--success);
 }
 
 .testError {
-  background: var(--bg-error-subtle, #2a0f0f);
-  border: 1px solid var(--border-error, #991b1b);
-  color: var(--text-error, #f87171);
+  background: var(--error-bg);
+  border: 1px solid var(--error-border);
+  color: var(--error);
 }