1 files changed, 9 insertions, 5 deletions
diff --git a/chromium/ui/webui/resources/cr_elements/cr_action_menu/cr_action_menu.html b/chromium/ui/webui/resources/cr_elements/cr_action_menu/cr_action_menu.html
index 70acc097ff2..ef6cca6b2f3 100644
--- a/chromium/ui/webui/resources/cr_elements/cr_action_menu/cr_action_menu.html
+++ b/chromium/ui/webui/resources/cr_elements/cr_action_menu/cr_action_menu.html
@@ -8,16 +8,18 @@
 <dom-module id="cr-action-menu">
   <template>
     <style>
-      :host {
+      :host dialog {
         background-color: white;
         border: none;
         box-shadow: 0 2px 6px var(--paper-grey-500);
         margin: 0;
         outline: none;
         padding: 8px 0;
+
+        @apply --cr-action-menu-dialog;
       }
 
-      :host::backdrop {
+      :host dialog::backdrop {
         background-color: transparent;
       }
 
@@ -57,9 +59,11 @@
         outline: none;
       }
     </style>
-    <div class="item-wrapper" tabindex="-1" role="menu">
-      <slot name="item" id="contentNode"></slot>
-    </div>
+    <dialog id="dialog" tabindex="0">
+      <div class="item-wrapper" tabindex="-1" role="menu">
+        <slot name="item" id="contentNode"></slot>
+      </div>
+    </dialog>
   </template>
   <script src="cr_action_menu.js"></script>
 </dom-module>