diff --git a/resources/css/dashboard/gestion-artisans.css b/resources/css/dashboard/gestion-artisans.css
index 09eabb6..1991377 100644
--- a/resources/css/dashboard/gestion-artisans.css
+++ b/resources/css/dashboard/gestion-artisans.css
@@ -12,15 +12,27 @@
 }
 
 .filters {
-  @apply flex gap-1 items-center pt-4 mb-12;
+  @apply grid grid-cols-2 gap-0 items-end pt-4 mb-12;
 
   a {
-    border: none !important;
+    @apply !text-xl;
+    border-top: none !important;
+    border-left: none !important;
+    border-right: none !important;
+    border-radius: 0 !important;
+    @apply !bg-transparent;
+
     &.filter-active {
-      @apply bg-neutral-500 text-white opacity-20 pointer-events-none;
+      @apply text-patrimoine-sante-securite  border border-b-4 border-patrimoine-sante-securite !cursor-not-allowed pointer-events-none;
+      border-bottom: 6px solid theme('colors.patrimoine-sante-securite') !important;
     }
     &:not(.filter-active) {
-      @apply bg-patrimoine-sante-securite text-white;
+      @apply text-neutral-500  text-neutral-500 opacity-50;
+      border-bottom: 1px solid theme('colors.neutral.500') !important;
+      transition: border-bottom 0.3s ease-in-out;
+      &:hover {
+        border-bottom: 6px solid theme('colors.neutral.500') !important;
+      }
     }
   }
 }