diff --git a/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap b/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap
index df1f7d7de3..9c6c3c5532 100644
--- a/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap
+++ b/src/implementations/twig/components/mega-menu/__snapshots__/mega-menu.test.js.snap
@@ -59,7 +59,6 @@ exports[`Mega Menu Default renders correctly 1`] = `
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
@@ -1129,7 +1128,6 @@ exports[`Mega Menu Default renders correctly with external items in the first le
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
@@ -2201,7 +2199,6 @@ exports[`Mega Menu Default renders correctly with extra attributes 1`] = `
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
@@ -3271,7 +3268,6 @@ exports[`Mega Menu Default renders correctly with extra attributes for the featu
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
@@ -4342,7 +4338,6 @@ exports[`Mega Menu Default renders correctly with extra attributes for the fist
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
@@ -5413,7 +5408,6 @@ exports[`Mega Menu Default renders correctly with extra attributes for the secon
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
@@ -6484,7 +6478,6 @@ exports[`Mega Menu Default renders correctly with extra attributes for the see a
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
@@ -7555,7 +7548,6 @@ exports[`Mega Menu Default renders correctly with extra class names 1`] = `
       <section
         class="ecl-mega-menu__inner"
         data-ecl-mega-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-mega-menu__inner-header"
diff --git a/src/implementations/twig/components/mega-menu/mega-menu.html.twig b/src/implementations/twig/components/mega-menu/mega-menu.html.twig
index 1f1b897f73..624e20cef7 100644
--- a/src/implementations/twig/components/mega-menu/mega-menu.html.twig
+++ b/src/implementations/twig/components/mega-menu/mega-menu.html.twig
@@ -125,7 +125,7 @@
       ],
     }) only %}
 
-    <section class="ecl-mega-menu__inner" data-ecl-mega-menu-inner role="application">
+    <section class="ecl-mega-menu__inner" data-ecl-mega-menu-inner>
       <header class="ecl-mega-menu__inner-header">
         {%- if _back_label is not empty -%}
           {% include '@ecl/button/button.html.twig' with {
diff --git a/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap b/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap
index b92c72a739..eb71bb7876 100644
--- a/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap
+++ b/src/implementations/twig/components/menu/__snapshots__/menu.test.js.snap
@@ -52,7 +52,6 @@ exports[`Menu Default renders correctly 1`] = `
         aria-label="Menu"
         class="ecl-menu__inner"
         data-ecl-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-menu__inner-header"
@@ -912,7 +911,6 @@ exports[`Menu Default renders correctly with a external first level menu item 1`
         aria-label="Menu"
         class="ecl-menu__inner"
         data-ecl-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-menu__inner-header"
@@ -1792,7 +1790,6 @@ exports[`Menu Default renders correctly with extra attributes 1`] = `
         aria-label="Menu"
         class="ecl-menu__inner"
         data-ecl-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-menu__inner-header"
@@ -2652,7 +2649,6 @@ exports[`Menu Default renders correctly with extra attributes for the items 1`]
         aria-label="Menu"
         class="ecl-menu__inner"
         data-ecl-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-menu__inner-header"
@@ -3513,7 +3509,6 @@ exports[`Menu Default renders correctly with extra attributes for the sub-items
         aria-label="Menu"
         class="ecl-menu__inner"
         data-ecl-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-menu__inner-header"
@@ -4374,7 +4369,6 @@ exports[`Menu Default renders correctly with extra class names 1`] = `
         aria-label="Menu"
         class="ecl-menu__inner"
         data-ecl-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-menu__inner-header"
@@ -5234,7 +5228,6 @@ exports[`Menu Long renders correctly 1`] = `
         aria-label="Menu"
         class="ecl-menu__inner"
         data-ecl-menu-inner=""
-        role="application"
       >
         <header
           class="ecl-menu__inner-header"
diff --git a/src/implementations/twig/components/menu/menu.html.twig b/src/implementations/twig/components/menu/menu.html.twig
index d0a6dd41c0..2b85ed5be5 100644
--- a/src/implementations/twig/components/menu/menu.html.twig
+++ b/src/implementations/twig/components/menu/menu.html.twig
@@ -123,7 +123,7 @@
       }) only %}
     {% endif %}
 
-    <section class="ecl-menu__inner" data-ecl-menu-inner role="application" aria-label="{{ _title }}">
+    <section class="ecl-menu__inner" data-ecl-menu-inner aria-label="{{ _title }}">
       <header class="ecl-menu__inner-header">
         {% if _close is not empty %}
           {% include '@ecl/button/button.html.twig' with _close|merge({
diff --git a/src/implementations/vanilla/components/menu/menu.js b/src/implementations/vanilla/components/menu/menu.js
index 837462e543..3af562122c 100644
--- a/src/implementations/vanilla/components/menu/menu.js
+++ b/src/implementations/vanilla/components/menu/menu.js
@@ -830,14 +830,6 @@ export class Menu {
 
     // Key actions to toggle the caret buttons
     if (cList.contains('ecl-menu__button-caret') && menuExpanded === 'false') {
-      if (e.keyCode === 32 || e.key === 'Enter') {
-        if (menuItem.getAttribute('aria-expanded') === 'true') {
-          this.handleHoverOffItem(e);
-        } else {
-          this.handleHoverOnItem(e);
-        }
-        return;
-      }
       if (e.key === 'ArrowDown') {
         e.preventDefault();
         const firstItem = queryOne(
@@ -898,8 +890,6 @@ export class Menu {
           }
         }
       }
-
-      this.closeOpenDropdown();
     }
 
     // Key actions to navigate between the sub-links
@@ -1140,18 +1130,25 @@ export class Menu {
    * @param {Event} e
    */
   handleClickOnCaret(e) {
-    // Don't execute for desktop display
     const menuExpanded = this.element.getAttribute('aria-expanded');
+    const menuItem = e.target.closest(this.itemSelector);
+
+    // Desktop display
     if (menuExpanded === 'false') {
+      if (menuItem.getAttribute('aria-expanded') === 'true') {
+        this.handleHoverOffItem(e);
+      } else {
+        this.handleHoverOnItem(e);
+      }
       return;
     }
 
+    // Mobile display
     // Add css class to inner menu
     this.inner.classList.add('ecl-menu__inner--expanded');
 
     // Add css class and attribute to current item, and remove it from others
     // Also save the current item
-    const menuItem = e.target.closest(this.itemSelector);
     this.items.forEach((item) => {
       if (item === menuItem) {
         item.classList.add('ecl-menu__item--expanded');