diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss
index c6bdeeb..a53168d 100644
--- a/src/agenda_culturel/static/style.scss
+++ b/src/agenda_culturel/static/style.scss
@@ -1938,8 +1938,13 @@ dialog {
 }
 
 .air-datepicker {
-    @extend article;
-    --adp-background-color: var(--primary);
+    border: 0px;
+    border-radius: var(--border-radius);
+    >div {
+        margin: 1em;
+    }
+
+    --adp-background-color: var(--dropdown-background-color);
     --adp-background-color-hover: var(--primary-hover);
     --adp-background-color-active: var(--primary-focus);
     --adp-background-color-in-range: rgba(92, 196, 239, .1);
@@ -1991,7 +1996,12 @@ dialog {
     }
     
     .air-datepicker-nav {
-    border-bottom: 1px solid var(--adp-border-color-inner);
+        border: 0;
+    }
+    .air-datepicker--navigation {
+        background-color: var(--dropdown-hover-background-color);
+        margin: 0;
+        padding: 0.5em;
     }
     
     .air-datepicker-time--row input[type=range]::-ms-thumb{