MenuGroup wrapped to NavigableMenu

WordPress · Feb 28, 2021 · bc42639 · bc42639
1 parent 41a4fab
commit bc42639
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/edit-navigation/src/components/menu-selector/index.js b/packages/edit-navigation/src/components/menu-selector/index.js
@@ -6,6 +6,7 @@ import {
 	MenuItemsChoice,
 	Card,
 	CardBody,
+	NavigableMenu,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
@@ -16,7 +17,7 @@ export default function MenuSelector( { onSelectMenu, menus } ) {
 				<h3 className="edit-navigation-menu-selector__header">
 					{ __( 'Choose a menu to edit: ' ) }
 				</h3>
-				<div className="edit-navigation-menu-selector__body">
+				<NavigableMenu className="edit-navigation-menu-selector__body">
 					<MenuGroup>
 						<MenuItemsChoice
 							onSelect={ onSelectMenu }
@@ -26,7 +27,7 @@ export default function MenuSelector( { onSelectMenu, menus } ) {
 							} ) ) }
 						/>
 					</MenuGroup>
-				</div>
+				</NavigableMenu>
 			</CardBody>
 		</Card>
 	);