diff --git a/packages/block-editor/src/hooks/block-hooks.js b/packages/block-editor/src/hooks/block-hooks.js
index fc08090b49889c..0d75999192e5bf 100644
--- a/packages/block-editor/src/hooks/block-hooks.js
+++ b/packages/block-editor/src/hooks/block-hooks.js
@@ -238,14 +238,15 @@ function BlockHooksControl( props ) {
 export const withBlockHooksControls = createHigherOrderComponent(
 	( BlockEdit ) => {
 		return ( props ) => {
-			const blockEdit = <BlockEdit key="edit" { ...props } />;
 			return (
 				<>
-					{ blockEdit }
-					<BlockHooksControl
-						blockName={ props.name }
-						clientId={ props.clientId }
-					/>
+					<BlockEdit key="edit" { ...props } />
+					{ props.isSelected && (
+						<BlockHooksControl
+							blockName={ props.name }
+							clientId={ props.clientId }
+						/>
+					) }
 				</>
 			);
 		};