diff --git a/packages/block-editor/src/hooks/auto-inserting-blocks.js b/packages/block-editor/src/hooks/auto-inserting-blocks.js
index 47a435ee199fd..ce3f81bf0bf3a 100644
--- a/packages/block-editor/src/hooks/auto-inserting-blocks.js
+++ b/packages/block-editor/src/hooks/auto-inserting-blocks.js
@@ -152,7 +152,7 @@ function AutoInsertingBlocksControl( props ) {
 	return (
 		<InspectorControls>
 			<PanelBody
-				className="auto-inserting-blocks-panel"
+				className="block-editor-hooks__auto-inserting-blocks"
 				title={ __( 'Plugins' ) }
 				initialOpen={ true }
 			>
diff --git a/packages/block-editor/src/hooks/auto-inserting-blocks.scss b/packages/block-editor/src/hooks/auto-inserting-blocks.scss
index efc152962cf2c..5e462d394fca7 100644
--- a/packages/block-editor/src/hooks/auto-inserting-blocks.scss
+++ b/packages/block-editor/src/hooks/auto-inserting-blocks.scss
@@ -1,4 +1,4 @@
-.auto-inserting-blocks-panel {
+.block-editor-hooks__auto-inserting-blocks {
 	/**
 	 * Since we're displaying the block icon alongside the block name,
 	 * we need to right-align the toggle.