diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss
index 013fd45..08f9ab6 100644
--- a/assets/css/partials/_site-header.scss
+++ b/assets/css/partials/_site-header.scss
@@ -248,6 +248,8 @@
 
 // Quand le menu est ouvert : on dimme tout sauf le logo
 body.menu-open #site-header {
+  cursor: pointer;
+
   #nav-highlight,
   #nav-investigation,
   #theme-toggle,
diff --git a/assets/js/header.js b/assets/js/header.js
index e90e5c7..c9dbc1c 100644
--- a/assets/js/header.js
+++ b/assets/js/header.js
@@ -5,10 +5,15 @@ export function headerToggle() {
 
   if (!header || !buttonToggle) return;
 
-  buttonToggle.addEventListener("click", () => {
+  buttonToggle.addEventListener("click", (e) => {
+    e.stopPropagation();
     document.body.classList.toggle("menu-open");
   });
 
+  header.addEventListener("click", () => {
+    document.body.classList.remove("menu-open");
+  });
+
   overlay?.addEventListener("click", () => {
     document.body.classList.remove("menu-open");
   });