diff --git a/packages/block-editor/src/components/block-visibility/viewport-menu-item.js b/packages/block-editor/src/components/block-visibility/viewport-menu-item.js
index 02e83872352bf9..0d37b4363e880c 100644
--- a/packages/block-editor/src/components/block-visibility/viewport-menu-item.js
+++ b/packages/block-editor/src/components/block-visibility/viewport-menu-item.js
@@ -3,9 +3,9 @@
  */
 import { __ } from '@wordpress/i18n';
 import { MenuItem } from '@wordpress/components';
-import { seen, unseen } from '@wordpress/icons';
 import { useState } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
+import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 
 /**
  * Internal dependencies
@@ -16,7 +16,7 @@ import { unlock } from '../../lock-unlock';
 
 export default function BlockVisibilityViewportMenuItem( { clientIds } ) {
 	const [ isModalOpen, setIsModalOpen ] = useState( false );
-	const { areBlocksHiddenAnywhere } = useSelect(
+	const { areBlocksHiddenAnywhere, shortcut } = useSelect(
 		( select ) => {
 			const { isBlockHiddenAnywhere } = unlock(
 				select( blockEditorStore )
@@ -25,6 +25,11 @@ export default function BlockVisibilityViewportMenuItem( { clientIds } ) {
 				areBlocksHiddenAnywhere: clientIds?.every( ( clientId ) =>
 					isBlockHiddenAnywhere( clientId )
 				),
+				shortcut: select(
+					keyboardShortcutsStore
+				).getShortcutRepresentation(
+					'core/block-editor/toggle-block-visibility'
+				),
 			};
 		},
 		[ clientIds ]
@@ -32,8 +37,8 @@ export default function BlockVisibilityViewportMenuItem( { clientIds } ) {
 	return (
 		<>
 			<MenuItem
-				icon={ areBlocksHiddenAnywhere ? unseen : seen }
 				onClick={ () => setIsModalOpen( true ) }
+				shortcut={ shortcut }
 			>
 				{ areBlocksHiddenAnywhere ? __( 'Show' ) : __( 'Hide' ) }
 			</MenuItem>