diff --git a/assets/js/theme/design-system/toc.js b/assets/js/theme/design-system/toc.js
index 8db1de72dc4415040f2f701c476ae2071a6e95b8..6ac08a90c10dbe3e88d6d7a6b7eed54d0b6748b5 100644
--- a/assets/js/theme/design-system/toc.js
+++ b/assets/js/theme/design-system/toc.js
@@ -1,7 +1,7 @@
 
 const CLASSES = {
   // TODO : refacto classnames et modifier le nom de la class pour "is-overlay-visible"
-  menusOpened: 'has-menu-opened',
+  offcanvasOpened: 'has-offcanvas-opened',
 };
 
 class TableOfContent {
@@ -34,7 +34,7 @@ class TableOfContent {
 
     const classAction = this.state.opened ? 'add' : 'remove';
     this.element.classList[classAction]('is-opened');
-    document.documentElement.classList[classAction](CLASSES.menusOpened);
+    document.documentElement.classList[classAction](CLASSES.offcanvasOpened);
   }
   update() {
     // WIP
diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass
index 35d5f44d7dbc09b6fed516aa42a91af516ada836..b622dece452f67649b3f13768d20e02cd0f2624d 100644
--- a/assets/sass/_theme/_configuration.sass
+++ b/assets/sass/_theme/_configuration.sass
@@ -84,7 +84,7 @@ $zindex-nav-accessibility: 1010 !default
 $zindex-stretched-link: 2 !default
 $zindex-header: 52 !default
 $zindex-body-overlay: 51 !default
-$zindex-toc: 53 !default
+$zindex-toc: 60 !default
 $zindex-toc-cta: 49 !default
 
 
diff --git a/assets/sass/_theme/design-system/nav.sass b/assets/sass/_theme/design-system/nav.sass
index ff363170eb14b4c721a12ee9fd071917365d1c93..893ef4a875638764f5d506374d85c2cc7f1c4762 100644
--- a/assets/sass/_theme/design-system/nav.sass
+++ b/assets/sass/_theme/design-system/nav.sass
@@ -154,11 +154,15 @@ body
         transition: opacity $header-transition
         z-index: $zindex-body-overlay
 
-    html.has-menu-opened &
+    html.has-menu-opened &,
+    html.has-offcanvas-opened &
         &::after
             display: block
             opacity: 1
             pointer-events: inherit
+    html.has-offcanvas-opened &
+        &::after
+            z-index: $zindex-header + 1
 
     html.is-animating:not(.has-menu-opened) &
         &::after
diff --git a/assets/sass/_theme/design-system/table_of_content.sass b/assets/sass/_theme/design-system/table_of_content.sass
index 3890d53b89e18cf8f89f743099ca1c037aa1f162..f290cc93c6884fce3806b65a4d0900fa7dd11e63 100644
--- a/assets/sass/_theme/design-system/table_of_content.sass
+++ b/assets/sass/_theme/design-system/table_of_content.sass
@@ -69,8 +69,8 @@
             @include sticky($spacing1)
             margin-bottom: $spacing1
             pointer-events: auto
-            button
-                display: none
+        button
+            display: none
 
 .toc
     ol