diff --git a/frontend/package.json b/frontend/package.json
index 972762333..0db317a0d 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -62,8 +62,8 @@
     "postcss": "8.3.6",
     "qs": "6.7.0",
     "react": "^18.2.0",
-    "react-accessible-accordion": "3.3.5",
-    "react-burger-menu": "3.0.6",
+    "react-accessible-accordion": "^5.0.0",
+    "react-burger-menu": "^3.0.9",
     "react-country-flag": "^3.0.2",
     "react-dom": "^18.2.0",
     "react-easyfullscreen": "^1.1.1",
diff --git a/frontend/src/components/Header/BurgerMenu/BurgerMenu.tsx b/frontend/src/components/Header/BurgerMenu/BurgerMenu.tsx
index ce67a79c0..d4159075d 100644
--- a/frontend/src/components/Header/BurgerMenu/BurgerMenu.tsx
+++ b/frontend/src/components/Header/BurgerMenu/BurgerMenu.tsx
@@ -30,9 +30,10 @@ export const BurgerMenu: React.FC<Props> = ({ config, menuItems, displayState =
       burgerButtonClassName={burgerButtonClassName}
       burgerBarClassName="bg-white"
       menuClassName="bg-white p-4"
-      // We use mt-2 because we can't easily override the default element style with tailwind (default is top: 8 and we would like top: 16)
       crossButtonClassName="left-4 mt-2"
       crossClassName="bg-greyDarkColored"
+      overlayClassName="top-0"
+      className="top-0"
     >
       <span
         id="verticalMenu_title"
@@ -46,10 +47,12 @@ export const BurgerMenu: React.FC<Props> = ({ config, menuItems, displayState =
       {config.shouldDisplayFavorite && (
         <BurgerMenuSection title={intl.formatMessage({ id: 'header.favorites' })} />
       )}
-      <BurgerMenuSection
-        title={intl.formatMessage({ id: 'header.language' })}
-        languages={config.supportedLanguages}
-      />
+      {config.supportedLanguages.length > 1 && (
+        <BurgerMenuSection
+          title={intl.formatMessage({ id: 'header.language' })}
+          languages={config.supportedLanguages}
+        />
+      )}
       <NextLink
         className="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
         href={routes.SEARCH}
diff --git a/frontend/src/components/Header/BurgerMenu/__tests__/BurgerMenu.test.tsx b/frontend/src/components/Header/BurgerMenu/__tests__/BurgerMenu.test.tsx
index d5318fe7c..62f695e1d 100644
--- a/frontend/src/components/Header/BurgerMenu/__tests__/BurgerMenu.test.tsx
+++ b/frontend/src/components/Header/BurgerMenu/__tests__/BurgerMenu.test.tsx
@@ -2,37 +2,48 @@ import { render } from 'services/testing/reactTestingLibraryWrapper';
 
 import { BurgerMenu } from '../';
 
-test('AAU, I can see a BurgerMenu', () => {
-  const component = render(
-    <BurgerMenu
-      displayState="DISPLAYED"
-      config={{
-        primaryItemsNumber: 3,
-        shouldDisplayFavorite: true,
-        supportedLanguages: ['fr'],
-        defaultLanguage: 'fr',
-      }}
-      menuItems={[
-        {
-          title: 'NationalPark',
-          url: 'https://www.ecrins-parcnational.fr/',
-          order: 1,
-          id: 2,
-        },
-        {
-          title: 'Maisons du Parc',
-          url: 'https://www.ecrins-parcnational.fr/',
-          order: 2,
-          id: 1,
-        },
-        {
-          title: 'Informations utiles',
-          url: 'https://www.ecrins-parcnational.fr/',
-          order: 3,
-          id: 3,
-        },
-      ]}
-    />,
-  );
-  expect(component).toMatchSnapshot();
+describe('AAU, I can see a BurgerMenu', () => {
+  const props = {
+    config: {
+      primaryItemsNumber: 3,
+      shouldDisplayFavorite: true,
+      supportedLanguages: ['fr', 'en'],
+      defaultLanguage: 'fr',
+    },
+    menuItems: [
+      {
+        title: 'NationalPark',
+        url: 'https://www.ecrins-parcnational.fr/',
+        order: 1,
+        id: 2,
+      },
+      {
+        title: 'Maisons du Parc',
+        url: 'https://www.ecrins-parcnational.fr/',
+        order: 2,
+        id: 1,
+      },
+      {
+        title: 'Informations utiles',
+        url: 'https://www.ecrins-parcnational.fr/',
+        order: 3,
+        id: 3,
+      },
+    ],
+  };
+  it('with several languages', () => {
+    const component = render(<BurgerMenu displayState="DISPLAYED" {...props} />);
+    expect(component).toMatchSnapshot();
+  });
+
+  it('with only one language', () => {
+    const component = render(
+      <BurgerMenu
+        displayState="DISPLAYED"
+        {...props}
+        config={{ ...props.config, supportedLanguages: ['fr'] }}
+      />,
+    );
+    expect(component).toMatchSnapshot();
+  });
 });
diff --git a/frontend/src/components/Header/BurgerMenu/__tests__/__snapshots__/BurgerMenu.test.tsx.snap b/frontend/src/components/Header/BurgerMenu/__tests__/__snapshots__/BurgerMenu.test.tsx.snap
index 135946a10..42cac2083 100644
--- a/frontend/src/components/Header/BurgerMenu/__tests__/__snapshots__/BurgerMenu.test.tsx.snap
+++ b/frontend/src/components/Header/BurgerMenu/__tests__/__snapshots__/BurgerMenu.test.tsx.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`AAU, I can see a BurgerMenu 1`] = `
+exports[`AAU, I can see a BurgerMenu with only one language 1`] = `
 Object {
   "asFragment": [Function],
   "baseElement": <body>
     <div>
       <div>
         <div
-          class="bm-overlay"
+          class="bm-overlay top-0"
           style="position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; transform: translate3d(100%, 0, 0); transition: opacity 0.3s, transform 0s 0.3s;"
         />
         <div>
@@ -18,6 +18,7 @@ Object {
             <button
               id="react-burger-menu-btn"
               style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
+              type="button"
             >
               Open Menu
             </button>
@@ -39,7 +40,7 @@ Object {
         </div>
         <div
           aria-hidden="true"
-          class="bm-menu-wrap"
+          class="bm-menu-wrap top-0"
           id="verticalMenu"
           style="position: fixed; right: 0px; z-index: 1100; width: 300px; height: 100%; transform: translate3d(100%, 0, 0); transition: all 0.5s;"
         >
@@ -64,7 +65,7 @@ Object {
                 data-accordion-component="Accordion"
               >
                 <div
-                  class="accordion__item"
+                  class="accordion__item border-b border-solid border-greySoft"
                   data-accordion-component="AccordionItem"
                 >
                   <div
@@ -74,22 +75,22 @@ Object {
                     role="heading"
                   >
                     <div
-                      aria-controls="accordion__panel-raa-0"
+                      aria-controls="accordion__panel-:r2:"
                       aria-disabled="false"
                       aria-expanded="false"
-                      class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b pb-2 border-solid border-greySoft"
+                      class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer"
                       data-accordion-component="AccordionItemButton"
-                      id="accordion__heading-raa-0"
+                      id="accordion__heading-:r2:"
                       role="button"
                       tabindex="0"
                     >
                       <span
-                        class="grow"
-                        id="verticalMenu_section"
+                        class="verticalMenu_section grow"
                       >
                         En savoir plus
                       </span>
                       <svg
+                        aria-hidden="true"
                         fill="none"
                         height="24"
                         viewBox="0 0 24 24"
@@ -107,12 +108,10 @@ Object {
                     </div>
                   </div>
                   <div
-                    aria-labelledby="accordion__heading-raa-0"
                     class=""
                     data-accordion-component="AccordionItemPanel"
                     hidden=""
-                    id="accordion__panel-raa-0"
-                    role="region"
+                    id="accordion__panel-:r2:"
                   >
                     <p
                       class="text-Mobile-C2 m-3"
@@ -148,7 +147,464 @@ Object {
                 </div>
               </div>
               <a
-                class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b pb-2 border-solid border-greySoft"
+                class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
+              >
+                Favoris
+              </a>
+              <a
+                class="bm-item flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
+                href="/search"
+                style="display: block;"
+                tabindex="-1"
+              >
+                Recherche
+              </a>
+              <a
+                class="bm-item flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
+                href="/offline"
+                rel="nofollow"
+                style="display: block;"
+                tabindex="-1"
+              >
+                Contenus hors ligne
+              </a>
+            </nav>
+          </div>
+          <div>
+            <div
+              class="bm-cross-button left-4 mt-2"
+              style="position: absolute; width: 24px; height: 24px; right: 8px; top: 8px;"
+            >
+              <button
+                id="react-burger-cross-btn"
+                style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
+                tabindex="-1"
+                type="button"
+              >
+                Close Menu
+              </button>
+              <svg
+                class="bm-cross"
+                fill="none"
+                height="24"
+                viewBox="0 0 24 24"
+                width="24"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  clip-rule="evenodd"
+                  d="M18.707 6.707a1 1 0 00-1.414-1.414L12 10.586 6.707 5.293a1 1 0 00-1.414 1.414L10.586 12l-5.293 5.293a1 1 0 101.414 1.414L12 13.414l5.293 5.293a1 1 0 001.414-1.414L13.414 12l5.293-5.293z"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                />
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>,
+  "container": <div>
+    <div>
+      <div
+        class="bm-overlay top-0"
+        style="position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; transform: translate3d(100%, 0, 0); transition: opacity 0.3s, transform 0s 0.3s;"
+      />
+      <div>
+        <div
+          class="bm-burger-button fixed w-6 h-6  right-2.5 desktop:hidden transition-all delay-100 duration-300 top-2.5"
+          style="z-index: 1000;"
+        >
+          <button
+            id="react-burger-menu-btn"
+            style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
+            type="button"
+          >
+            Open Menu
+          </button>
+          <svg
+            class="bm-icon text-white"
+            fill="none"
+            viewBox="0 0 24 25"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <path
+              d="M3 12h18M3 6h18M3 18h18"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              stroke-width="2"
+            />
+          </svg>
+        </div>
+      </div>
+      <div
+        aria-hidden="true"
+        class="bm-menu-wrap top-0"
+        id="verticalMenu"
+        style="position: fixed; right: 0px; z-index: 1100; width: 300px; height: 100%; transform: translate3d(100%, 0, 0); transition: all 0.5s;"
+      >
+        <div
+          class="bm-menu bg-white p-4"
+          style="height: 100%; box-sizing: border-box; overflow: auto;"
+        >
+          <nav
+            class="bm-item-list"
+            style="height: 100%;"
+          >
+            <span
+              class="bm-item pb-4 font-bold text-center border-b border-solid border-greySoft outline-none"
+              id="verticalMenu_title"
+              style="display: block;"
+              tabindex="-1"
+            >
+              Menu
+            </span>
+            <div
+              class="accordion"
+              data-accordion-component="Accordion"
+            >
+              <div
+                class="accordion__item border-b border-solid border-greySoft"
+                data-accordion-component="AccordionItem"
+              >
+                <div
+                  aria-level="3"
+                  class="accordion__heading"
+                  data-accordion-component="AccordionItemHeading"
+                  role="heading"
+                >
+                  <div
+                    aria-controls="accordion__panel-:r2:"
+                    aria-disabled="false"
+                    aria-expanded="false"
+                    class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer"
+                    data-accordion-component="AccordionItemButton"
+                    id="accordion__heading-:r2:"
+                    role="button"
+                    tabindex="0"
+                  >
+                    <span
+                      class="verticalMenu_section grow"
+                    >
+                      En savoir plus
+                    </span>
+                    <svg
+                      aria-hidden="true"
+                      fill="none"
+                      height="24"
+                      viewBox="0 0 24 24"
+                      width="24"
+                      xmlns="http://www.w3.org/2000/svg"
+                    >
+                      <path
+                        d="M12 5v14M5 12h14"
+                        stroke="currentColor"
+                        stroke-linecap="round"
+                        stroke-linejoin="round"
+                        stroke-width="2"
+                      />
+                    </svg>
+                  </div>
+                </div>
+                <div
+                  class=""
+                  data-accordion-component="AccordionItemPanel"
+                  hidden=""
+                  id="accordion__panel-:r2:"
+                >
+                  <p
+                    class="text-Mobile-C2 m-3"
+                  >
+                    <a
+                      href="https://www.ecrins-parcnational.fr/"
+                      target="_blank"
+                    >
+                      NationalPark
+                    </a>
+                  </p>
+                  <p
+                    class="text-Mobile-C2 m-3"
+                  >
+                    <a
+                      href="https://www.ecrins-parcnational.fr/"
+                      target="_blank"
+                    >
+                      Maisons du Parc
+                    </a>
+                  </p>
+                  <p
+                    class="text-Mobile-C2 m-3"
+                  >
+                    <a
+                      href="https://www.ecrins-parcnational.fr/"
+                      target="_blank"
+                    >
+                      Informations utiles
+                    </a>
+                  </p>
+                </div>
+              </div>
+            </div>
+            <a
+              class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
+            >
+              Favoris
+            </a>
+            <a
+              class="bm-item flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
+              href="/search"
+              style="display: block;"
+              tabindex="-1"
+            >
+              Recherche
+            </a>
+            <a
+              class="bm-item flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
+              href="/offline"
+              rel="nofollow"
+              style="display: block;"
+              tabindex="-1"
+            >
+              Contenus hors ligne
+            </a>
+          </nav>
+        </div>
+        <div>
+          <div
+            class="bm-cross-button left-4 mt-2"
+            style="position: absolute; width: 24px; height: 24px; right: 8px; top: 8px;"
+          >
+            <button
+              id="react-burger-cross-btn"
+              style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
+              tabindex="-1"
+              type="button"
+            >
+              Close Menu
+            </button>
+            <svg
+              class="bm-cross"
+              fill="none"
+              height="24"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                clip-rule="evenodd"
+                d="M18.707 6.707a1 1 0 00-1.414-1.414L12 10.586 6.707 5.293a1 1 0 00-1.414 1.414L10.586 12l-5.293 5.293a1 1 0 101.414 1.414L12 13.414l5.293 5.293a1 1 0 001.414-1.414L13.414 12l5.293-5.293z"
+                fill="currentColor"
+                fill-rule="evenodd"
+              />
+            </svg>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+
+exports[`AAU, I can see a BurgerMenu with several languages 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <div>
+        <div
+          class="bm-overlay top-0"
+          style="position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; transform: translate3d(100%, 0, 0); transition: opacity 0.3s, transform 0s 0.3s;"
+        />
+        <div>
+          <div
+            class="bm-burger-button fixed w-6 h-6  right-2.5 desktop:hidden transition-all delay-100 duration-300 top-2.5"
+            style="z-index: 1000;"
+          >
+            <button
+              id="react-burger-menu-btn"
+              style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
+              type="button"
+            >
+              Open Menu
+            </button>
+            <svg
+              class="bm-icon text-white"
+              fill="none"
+              viewBox="0 0 24 25"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M3 12h18M3 6h18M3 18h18"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="2"
+              />
+            </svg>
+          </div>
+        </div>
+        <div
+          aria-hidden="true"
+          class="bm-menu-wrap top-0"
+          id="verticalMenu"
+          style="position: fixed; right: 0px; z-index: 1100; width: 300px; height: 100%; transform: translate3d(100%, 0, 0); transition: all 0.5s;"
+        >
+          <div
+            class="bm-menu bg-white p-4"
+            style="height: 100%; box-sizing: border-box; overflow: auto;"
+          >
+            <nav
+              class="bm-item-list"
+              style="height: 100%;"
+            >
+              <span
+                class="bm-item pb-4 font-bold text-center border-b border-solid border-greySoft outline-none"
+                id="verticalMenu_title"
+                style="display: block;"
+                tabindex="-1"
+              >
+                Menu
+              </span>
+              <div
+                class="accordion"
+                data-accordion-component="Accordion"
+              >
+                <div
+                  class="accordion__item border-b border-solid border-greySoft"
+                  data-accordion-component="AccordionItem"
+                >
+                  <div
+                    aria-level="3"
+                    class="accordion__heading"
+                    data-accordion-component="AccordionItemHeading"
+                    role="heading"
+                  >
+                    <div
+                      aria-controls="accordion__panel-:r0:"
+                      aria-disabled="false"
+                      aria-expanded="false"
+                      class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer"
+                      data-accordion-component="AccordionItemButton"
+                      id="accordion__heading-:r0:"
+                      role="button"
+                      tabindex="0"
+                    >
+                      <span
+                        class="verticalMenu_section grow"
+                      >
+                        En savoir plus
+                      </span>
+                      <svg
+                        aria-hidden="true"
+                        fill="none"
+                        height="24"
+                        viewBox="0 0 24 24"
+                        width="24"
+                        xmlns="http://www.w3.org/2000/svg"
+                      >
+                        <path
+                          d="M12 5v14M5 12h14"
+                          stroke="currentColor"
+                          stroke-linecap="round"
+                          stroke-linejoin="round"
+                          stroke-width="2"
+                        />
+                      </svg>
+                    </div>
+                  </div>
+                  <div
+                    class=""
+                    data-accordion-component="AccordionItemPanel"
+                    hidden=""
+                    id="accordion__panel-:r0:"
+                  >
+                    <p
+                      class="text-Mobile-C2 m-3"
+                    >
+                      <a
+                        href="https://www.ecrins-parcnational.fr/"
+                        target="_blank"
+                      >
+                        NationalPark
+                      </a>
+                    </p>
+                    <p
+                      class="text-Mobile-C2 m-3"
+                    >
+                      <a
+                        href="https://www.ecrins-parcnational.fr/"
+                        target="_blank"
+                      >
+                        Maisons du Parc
+                      </a>
+                    </p>
+                    <p
+                      class="text-Mobile-C2 m-3"
+                    >
+                      <a
+                        href="https://www.ecrins-parcnational.fr/"
+                        target="_blank"
+                      >
+                        Informations utiles
+                      </a>
+                    </p>
+                  </div>
+                </div>
+              </div>
+              <a
+                class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
               >
                 Favoris
               </a>
@@ -157,7 +613,7 @@ Object {
                 data-accordion-component="Accordion"
               >
                 <div
-                  class="accordion__item"
+                  class="accordion__item border-b border-solid border-greySoft"
                   data-accordion-component="AccordionItem"
                 >
                   <div
@@ -167,22 +623,22 @@ Object {
                     role="heading"
                   >
                     <div
-                      aria-controls="accordion__panel-raa-0"
+                      aria-controls="accordion__panel-:r1:"
                       aria-disabled="false"
                       aria-expanded="false"
-                      class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b pb-2 border-solid border-greySoft"
+                      class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer"
                       data-accordion-component="AccordionItemButton"
-                      id="accordion__heading-raa-0"
+                      id="accordion__heading-:r1:"
                       role="button"
                       tabindex="0"
                     >
                       <span
-                        class="grow"
-                        id="verticalMenu_section"
+                        class="verticalMenu_section grow"
                       >
                         Langue
                       </span>
                       <svg
+                        aria-hidden="true"
                         fill="none"
                         height="24"
                         viewBox="0 0 24 24"
@@ -200,12 +656,10 @@ Object {
                     </div>
                   </div>
                   <div
-                    aria-labelledby="accordion__heading-raa-0"
                     class=""
                     data-accordion-component="AccordionItemPanel"
                     hidden=""
-                    id="accordion__panel-raa-0"
-                    role="region"
+                    id="accordion__panel-:r1:"
                   >
                     <a
                       class="hover:text-primary3 transition-colors block text-Mobile-C2 py-2 text-greyDarkColored"
@@ -213,6 +667,12 @@ Object {
                     >
                       FR
                     </a>
+                    <a
+                      class="hover:text-primary3 transition-colors block text-Mobile-C2 py-2 text-greyDarkColored"
+                      href="/"
+                    >
+                      EN
+                    </a>
                   </div>
                 </div>
               </div>
@@ -244,6 +704,7 @@ Object {
                 id="react-burger-cross-btn"
                 style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
                 tabindex="-1"
+                type="button"
               >
                 Close Menu
               </button>
@@ -271,7 +732,7 @@ Object {
   "container": <div>
     <div>
       <div
-        class="bm-overlay"
+        class="bm-overlay top-0"
         style="position: fixed; z-index: 1000; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); opacity: 0; transform: translate3d(100%, 0, 0); transition: opacity 0.3s, transform 0s 0.3s;"
       />
       <div>
@@ -282,6 +743,7 @@ Object {
           <button
             id="react-burger-menu-btn"
             style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
+            type="button"
           >
             Open Menu
           </button>
@@ -303,7 +765,7 @@ Object {
       </div>
       <div
         aria-hidden="true"
-        class="bm-menu-wrap"
+        class="bm-menu-wrap top-0"
         id="verticalMenu"
         style="position: fixed; right: 0px; z-index: 1100; width: 300px; height: 100%; transform: translate3d(100%, 0, 0); transition: all 0.5s;"
       >
@@ -328,7 +790,7 @@ Object {
               data-accordion-component="Accordion"
             >
               <div
-                class="accordion__item"
+                class="accordion__item border-b border-solid border-greySoft"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -338,22 +800,22 @@ Object {
                   role="heading"
                 >
                   <div
-                    aria-controls="accordion__panel-raa-0"
+                    aria-controls="accordion__panel-:r0:"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b pb-2 border-solid border-greySoft"
+                    class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer"
                     data-accordion-component="AccordionItemButton"
-                    id="accordion__heading-raa-0"
+                    id="accordion__heading-:r0:"
                     role="button"
                     tabindex="0"
                   >
                     <span
-                      class="grow"
-                      id="verticalMenu_section"
+                      class="verticalMenu_section grow"
                     >
                       En savoir plus
                     </span>
                     <svg
+                      aria-hidden="true"
                       fill="none"
                       height="24"
                       viewBox="0 0 24 24"
@@ -371,12 +833,10 @@ Object {
                   </div>
                 </div>
                 <div
-                  aria-labelledby="accordion__heading-raa-0"
                   class=""
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
-                  id="accordion__panel-raa-0"
-                  role="region"
+                  id="accordion__panel-:r0:"
                 >
                   <p
                     class="text-Mobile-C2 m-3"
@@ -412,7 +872,7 @@ Object {
               </div>
             </div>
             <a
-              class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b pb-2 border-solid border-greySoft"
+              class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b border-solid border-greySoft"
             >
               Favoris
             </a>
@@ -421,7 +881,7 @@ Object {
               data-accordion-component="Accordion"
             >
               <div
-                class="accordion__item"
+                class="accordion__item border-b border-solid border-greySoft"
                 data-accordion-component="AccordionItem"
               >
                 <div
@@ -431,22 +891,22 @@ Object {
                   role="heading"
                 >
                   <div
-                    aria-controls="accordion__panel-raa-0"
+                    aria-controls="accordion__panel-:r1:"
                     aria-disabled="false"
                     aria-expanded="false"
-                    class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer border-b pb-2 border-solid border-greySoft"
+                    class="flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer"
                     data-accordion-component="AccordionItemButton"
-                    id="accordion__heading-raa-0"
+                    id="accordion__heading-:r1:"
                     role="button"
                     tabindex="0"
                   >
                     <span
-                      class="grow"
-                      id="verticalMenu_section"
+                      class="verticalMenu_section grow"
                     >
                       Langue
                     </span>
                     <svg
+                      aria-hidden="true"
                       fill="none"
                       height="24"
                       viewBox="0 0 24 24"
@@ -464,12 +924,10 @@ Object {
                   </div>
                 </div>
                 <div
-                  aria-labelledby="accordion__heading-raa-0"
                   class=""
                   data-accordion-component="AccordionItemPanel"
                   hidden=""
-                  id="accordion__panel-raa-0"
-                  role="region"
+                  id="accordion__panel-:r1:"
                 >
                   <a
                     class="hover:text-primary3 transition-colors block text-Mobile-C2 py-2 text-greyDarkColored"
@@ -477,6 +935,12 @@ Object {
                   >
                     FR
                   </a>
+                  <a
+                    class="hover:text-primary3 transition-colors block text-Mobile-C2 py-2 text-greyDarkColored"
+                    href="/"
+                  >
+                    EN
+                  </a>
                 </div>
               </div>
             </div>
@@ -508,6 +972,7 @@ Object {
               id="react-burger-cross-btn"
               style="position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px; padding: 0px; font-size: 0px; background: transparent; cursor: pointer;"
               tabindex="-1"
+              type="button"
             >
               Close Menu
             </button>
diff --git a/frontend/src/components/Header/BurgerMenuSection/BurgerMenuSection.tsx b/frontend/src/components/Header/BurgerMenuSection/BurgerMenuSection.tsx
index 7782c1a77..379b5a67a 100644
--- a/frontend/src/components/Header/BurgerMenuSection/BurgerMenuSection.tsx
+++ b/frontend/src/components/Header/BurgerMenuSection/BurgerMenuSection.tsx
@@ -4,7 +4,6 @@ import {
   AccordionItemButton,
   AccordionItemHeading,
   AccordionItemPanel,
-  resetNextUuid,
 } from 'react-accessible-accordion';
 import { MenuItem } from 'modules/header/interface';
 import NextLink from 'next/link';
@@ -12,6 +11,7 @@ import { Link } from 'components/Link';
 import { isInternalFlatPageUrl } from 'services/routeUtils';
 import { useRouter } from 'next/router';
 import { getDefaultLanguage } from 'modules/header/utills';
+import { cn } from 'services/utils/cn';
 import { Plus } from '../../Icons/Plus';
 import { Minus } from '../../Icons/Minus';
 import { useBurgerMenuSection } from './useBurgerMenuSection';
@@ -28,28 +28,26 @@ export const BurgerMenuSection: React.FC<Props> = ({ title, items, languages })
   const router = useRouter();
   const currentLanguage = router.locale ?? getDefaultLanguage();
   const classNameTitle = 'flex items-center pt-4 pb-4 font-bold outline-none cursor-pointer';
-  const classNameBorder = 'border-b pb-2 border-solid border-greySoft';
-  const openIcon = <Plus size={24} />;
-  const closeIcon = <Minus size={24} />;
+  const classNameBorder = 'border-b border-solid border-greySoft';
+  const openIcon = <Plus size={24} aria-hidden />;
+  const closeIcon = <Minus size={24} aria-hidden />;
   const { openState, setOpenState } = useBurgerMenuSection();
   const updatePanelState = (openPanelIds: string[]) => {
     openPanelIds.length > 0 ? setOpenState('OPENED') : setOpenState('CLOSED');
   };
-  resetNextUuid();
-  return items || languages ? (
+  if (!items && !languages) {
+    return <a className={cn(classNameTitle, classNameBorder)}>{title}</a>;
+  }
+  return (
     <Accordion allowZeroExpanded onChange={updatePanelState}>
-      <AccordionItem>
+      <AccordionItem className={cn('accordion__item', classNameBorder)}>
         <AccordionItemHeading>
-          <AccordionItemButton
-            className={`${classNameTitle} ${openState === 'CLOSED' ? classNameBorder : ''}`}
-          >
-            <span id="verticalMenu_section" className="grow">
-              {title}
-            </span>
+          <AccordionItemButton className={cn(classNameTitle)}>
+            <span className="verticalMenu_section grow">{title}</span>
             {openState === 'OPENED' ? closeIcon : openIcon}
           </AccordionItemButton>
         </AccordionItemHeading>
-        <AccordionItemPanel className={openState === 'OPENED' ? classNameBorder : ''}>
+        <AccordionItemPanel className={cn(openState === 'OPENED' && 'pb-2')}>
           {items?.map((item, i) => (
             <p key={i} className="text-Mobile-C2 m-3">
               {isItemString(item) ? (
@@ -75,7 +73,7 @@ export const BurgerMenuSection: React.FC<Props> = ({ title, items, languages })
               key={language}
               href={{
                 pathname: router.pathname,
-                query: { ...router.query },
+                query: router.query,
               }}
               locale={language}
             >
@@ -85,7 +83,5 @@ export const BurgerMenuSection: React.FC<Props> = ({ title, items, languages })
         </AccordionItemPanel>
       </AccordionItem>
     </Accordion>
-  ) : (
-    <a className={`${classNameTitle} ${classNameBorder}`}>{title}</a>
   );
 };
diff --git a/frontend/src/components/Header/Header.tsx b/frontend/src/components/Header/Header.tsx
index eeab0de32..ad152ce25 100644
--- a/frontend/src/components/Header/Header.tsx
+++ b/frontend/src/components/Header/Header.tsx
@@ -32,45 +32,47 @@ export const Header: React.FC = () => {
           <HtmlParser template={headerTop} />
         </div>
       )}
-      <BurgerMenu config={config.menu} displayState={headerState} menuItems={menuItems} />
       <header
         className={cn(
-          'h-11 desktop:h-desktopHeader bg-primary1 flex flex-row items-center sticky z-header px-3 shadow-sm text-primary3 shrink-0 transition-all duration-300 delay-100',
+          'sticky z-header',
           headerState === 'DISPLAYED' ? 'top-0' : '-top-desktopHeader',
         )}
         role="banner"
         id="header"
       >
-        <Link href={routes.HOME} className="flex items-center">
-          <div className="shrink-0" id="header_logo">
-            <img
-              id="header_logoImg"
-              className="h-9 desktop:h-18 mr-3 rounded-md"
-              alt=""
-              src={config.logo}
+        <BurgerMenu config={config.menu} displayState={headerState} menuItems={menuItems} />
+        <div className="h-11 desktop:h-desktopHeader bg-primary1 flex flex-row items-center sticky z-header px-3 shadow-sm text-primary3 shrink-0 transition-all duration-300 delay-100">
+          <Link href={routes.HOME} className="flex items-center">
+            <div className="shrink-0" id="header_logo">
+              <img
+                id="header_logoImg"
+                className="h-9 desktop:h-18 mr-3 rounded-md"
+                alt=""
+                src={config.logo}
+              />
+            </div>
+            <p
+              id="header_title"
+              className="
+              flex-auto text-white
+              desktop:text-H2 desktop:leading-8
+              font-semibold desktop:font-bold"
+            >
+              <FormattedMessage id={'home.title'} />
+            </p>
+          </Link>
+          <div className="flex-1 w-0" />
+          {(sectionsDesktop || subSections) && (
+            <InlineMenu
+              className="hidden desktop:flex items-center justify-end flex-auto"
+              sections={sectionsDesktop}
+              subSections={subSections}
+              shouldDisplayFavorites={config.menu.shouldDisplayFavorite}
+              supportedLanguages={config.menu.supportedLanguages}
             />
-          </div>
-          <p
-            id="header_title"
-            className="
-            flex-auto text-white
-            desktop:text-H2 desktop:leading-8
-            font-semibold desktop:font-bold"
-          >
-            <FormattedMessage id={'home.title'} />
-          </p>
-        </Link>
-        <div className="flex-1 w-0" />
-        {(sectionsDesktop || subSections) && (
-          <InlineMenu
-            className="hidden desktop:flex items-center justify-end flex-auto"
-            sections={sectionsDesktop}
-            subSections={subSections}
-            shouldDisplayFavorites={config.menu.shouldDisplayFavorite}
-            supportedLanguages={config.menu.supportedLanguages}
-          />
-        )}
-        <GoToSearchButton className="hidden desktop:block" />
+          )}
+          <GoToSearchButton className="hidden desktop:block" />
+        </div>
       </header>
       {headerBottom !== undefined && (
         <div id="header_bottomHtml">
diff --git a/frontend/src/components/Icons/Minus/index.tsx b/frontend/src/components/Icons/Minus/index.tsx
index 352a10642..428b68a8c 100644
--- a/frontend/src/components/Icons/Minus/index.tsx
+++ b/frontend/src/components/Icons/Minus/index.tsx
@@ -6,6 +6,7 @@ export const Minus: React.FC<GenericIconProps> = ({
   opacity,
   className,
   size,
+  ...props
 }) => {
   return (
     <svg
@@ -16,6 +17,7 @@ export const Minus: React.FC<GenericIconProps> = ({
       xmlns="http://www.w3.org/2000/svg"
       className={className}
       opacity={opacity}
+      {...props}
     >
       <path
         d="M5 12h14"
diff --git a/frontend/src/components/Icons/Plus/index.tsx b/frontend/src/components/Icons/Plus/index.tsx
index d6ab34d83..515060a9c 100644
--- a/frontend/src/components/Icons/Plus/index.tsx
+++ b/frontend/src/components/Icons/Plus/index.tsx
@@ -6,6 +6,7 @@ export const Plus: React.FC<GenericIconProps> = ({
   opacity,
   className,
   size,
+  ...props
 }) => {
   return (
     <svg
@@ -16,6 +17,7 @@ export const Plus: React.FC<GenericIconProps> = ({
       xmlns="http://www.w3.org/2000/svg"
       className={className}
       opacity={opacity}
+      {...props}
     >
       <path
         d="M12 5v14M5 12h14"
diff --git a/frontend/yarn.lock b/frontend/yarn.lock
index 09bc1e326..c39fadcf3 100644
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock
@@ -9491,20 +9491,20 @@ raw-body@2.4.0:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
-react-accessible-accordion@3.3.5:
-  version "3.3.5"
-  resolved "https://registry.yarnpkg.com/react-accessible-accordion/-/react-accessible-accordion-3.3.5.tgz#5d035994a261c832a57e7822f1bbacf914c5a5cc"
-  integrity sha512-yCh3tx+jNuOPs+m58LOBFTGDEaGvM8UfuCNznr855FDAWzwV8V/ZH/TVBvgqH0npP58KrrVrHpj4jcy0EE5hEw==
+react-accessible-accordion@^5.0.0:
+  version "5.0.0"
+  resolved "https://registry.yarnpkg.com/react-accessible-accordion/-/react-accessible-accordion-5.0.0.tgz#5b61d06aec38906a99f977c10324d9bddec0f64c"
+  integrity sha512-MT2obYpTgLIIfPr9d7hEyvPB5rg8uJcHpgA83JSRlEUHvzH48+8HJPvzSs+nM+XprTugDgLfhozO5qyJpBvYRQ==
 
 react-addons-test-utils@^15.6.2:
   version "15.6.2"
   resolved "https://registry.yarnpkg.com/react-addons-test-utils/-/react-addons-test-utils-15.6.2.tgz#c12b6efdc2247c10da7b8770d185080a7b047156"
   integrity sha1-wStu/cIkfBDae4dw0YUICnsEcVY=
 
-react-burger-menu@3.0.6:
-  version "3.0.6"
-  resolved "https://registry.yarnpkg.com/react-burger-menu/-/react-burger-menu-3.0.6.tgz#9003cc1d65dc9e70d1460e5d8d8982f6b1a79d1d"
-  integrity sha512-Xikyl8VRkQBOyFVoMKpbScTLG6LlW64rajiquyCGwtpPswrDxaifusKckzTWAOH0At40Boguhj5lXq451NO0LA==
+react-burger-menu@^3.0.9:
+  version "3.0.9"
+  resolved "https://registry.yarnpkg.com/react-burger-menu/-/react-burger-menu-3.0.9.tgz#8ce525adfbf2dd760af7650a3ac3baadbc782e26"
+  integrity sha512-Qy15hkCxwxNEKfqdAv43F+8ZSl+/c6KkqrBwGP0CesFYJ02onHtiUFUbuhSWCMtBH8/n0HhfekFlp/NyCdKYzQ==
   dependencies:
     browserify-optional "^1.0.0"
     classnames "^2.2.6"