diff --git a/frontend/components/employees/ContractTab.vue b/frontend/components/employees/ContractTab.vue
index bd55a7b..1706841 100644
--- a/frontend/components/employees/ContractTab.vue
+++ b/frontend/components/employees/ContractTab.vue
@@ -50,7 +50,7 @@
               class="pb-2 px-4 border-b-2 font-semibold"
               :class="drawerTab === 'close'
                   ? 'border-primary-500 text-primary-500'
-                  : 'border-transparent text-neutral-400 hover:text-neutral-600'"
+                  : 'border-transparent text-primary-500/50 hover:text-primary-500'"
               @click="drawerTab = 'close'"
           >
               Clôturer
@@ -60,7 +60,7 @@
               class="pb-2 px-4 border-b-2 font-semibold"
               :class="drawerTab === 'suspend'
                   ? 'border-primary-500 text-primary-500'
-                  : 'border-transparent text-neutral-400 hover:text-neutral-600'"
+                  : 'border-transparent text-primary-500/50 hover:text-primary-500'"
               @click="drawerTab = 'suspend'"
           >
               Suspendre
@@ -201,7 +201,7 @@
 
           <button
               type="button"
-              class="w-full rounded-md border-2 border-dashed border-neutral-300 px-4 py-3 text-base font-semibold text-neutral-500 transition hover:border-primary-500 hover:text-primary-500"
+              class="w-full rounded-md border-2 border-dashed border-primary-500/50 px-4 py-3 text-base font-semibold text-primary-500/50 transition hover:border-primary-500 hover:text-primary-500"
               @click="onAddSuspensionForm"
           >
               + Ajouter une suspension