diff --git a/elements/nuxeo-app/nuxeo-menu-icon.js b/elements/nuxeo-app/nuxeo-menu-icon.js
index 02ef54f9b4..0c0d8fba98 100644
--- a/elements/nuxeo-app/nuxeo-menu-icon.js
+++ b/elements/nuxeo-app/nuxeo-menu-icon.js
@@ -40,6 +40,10 @@ Polymer({
         outline: none;
       }
 
+      :host(:focus-visible) {
+        outline: auto;
+      }
+
       :host(.selected) paper-icon-button {
         background: rgba(0, 0, 0, 0.2);
         color: var(--nuxeo-sidebar-menu-hover);
diff --git a/elements/nuxeo-app/nuxeo-page-item.js b/elements/nuxeo-app/nuxeo-page-item.js
index 0ea97fe098..1bf701deff 100644
--- a/elements/nuxeo-app/nuxeo-page-item.js
+++ b/elements/nuxeo-app/nuxeo-page-item.js
@@ -52,6 +52,9 @@ Polymer({
       :host(:focus) {
         background-color: #dedfe3;
       }
+      :host(:focus-visible) {
+        outline: auto;
+      }
     </style>
 
     <div>[[i18n(label)]]</div>