diff --git a/in/en/index.html b/in/en/index.html
index 3071b77..9f34d07 100644
--- a/in/en/index.html
+++ b/in/en/index.html
@@ -31,8 +31,9 @@
 <a href="https://en.wikipedia.org/wiki/France">France</a>
 </p>
 </div>
-<button id="theme"><img class="inline" src="../img/theme.svg" alt="Theme"></button>
 <button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Links"></button>
+<button class="item" id="item"><ul><li></li></ul></button>
+<button id="theme"><img class="inline" src="../img/theme.svg" alt="Theme"></button>
 </header>
 
 <section class="banner">
diff --git a/in/fr/index.html b/in/fr/index.html
index 1f93bbf..7509309 100644
--- a/in/fr/index.html
+++ b/in/fr/index.html
@@ -31,8 +31,9 @@
 
 </p>
 </div>
-<button id="theme"><img class="inline" src="../img/theme.svg" alt="Thème"></button>
 <button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Liens"></button>
+<button class="item" id="item"><ul><li></li></ul></button>
+<button id="theme"><img class="inline" src="../img/theme.svg" alt="Thème"></button>
 </header>
 
 <section class="banner">
diff --git a/in/script/main.js b/in/script/main.js
index c50946b..b065b4f 100644
--- a/in/script/main.js
+++ b/in/script/main.js
@@ -1,4 +1,4 @@
-const buttons = ["link", "swap"];
+const buttons = ["item", "link", "swap"];
 
 // toggle buttons
 
diff --git a/in/style/main.css b/in/style/main.css
index b67599a..6715431 100644
--- a/in/style/main.css
+++ b/in/style/main.css
@@ -54,7 +54,7 @@
 
 /* main */
 
-#link, #theme, #swap {
+#item, #link, #swap, #theme {
     background-color: var(--button-background);
 }
 #swap::after { content: "←"; }