diff --git a/apps/web/src/components/vacations/VacationClient.tsx b/apps/web/src/components/vacations/VacationClient.tsx
index e9c82d9..4b4e622 100644
--- a/apps/web/src/components/vacations/VacationClient.tsx
+++ b/apps/web/src/components/vacations/VacationClient.tsx
@@ -179,7 +179,7 @@ export function VacationClient() {
         <>
           {/* Pending approvals (manager view) */}
           {pendingList.length > 0 && (
-            <div className="bg-amber-50 dark:bg-gray-800 border border-amber-200 dark:border-amber-700/50 rounded-xl p-4">
+            <div className="bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-700/60 rounded-xl p-4">
               <div className="flex items-center justify-between mb-3">
                 <h2 className="text-sm font-semibold text-amber-800 dark:text-amber-400">
                   Pending Approvals ({pendingList.length})