diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index ccb2197b..6b554c10 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -439,14 +439,14 @@ html[data-bs-theme="dark"] .app-input::-webkit-calendar-picker-indicator {
 }
 
 .app-action-approval {
-  border: 1px solid #ea580c;
-  background: #f97316;
-  color: #ffffff;
+  border: 1px solid color-mix(in srgb, #f97316 28%, var(--border-strong));
+  background: color-mix(in srgb, #f97316 16%, transparent);
+  color: #ea580c;
 }
 
 .app-action-approval:hover {
-  background: #ea580c;
-  border-color: #c2410c;
+  background: color-mix(in srgb, #f97316 22%, transparent);
+  border-color: color-mix(in srgb, #f97316 40%, var(--border-strong));
 }
 
 .app-action-secondary {