diff --git a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/edit.tsx b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/edit.tsx
index 36778c17b1f..4d948c79d68 100644
--- a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/edit.tsx
+++ b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/edit.tsx
@@ -5,9 +5,13 @@ import {
 	BLOCK_ATTRIBUTES,
 	INNER_BLOCKS_TEMPLATE,
 } from '@woocommerce/blocks/product-query/variations';
-import { InnerBlocks, useBlockProps } from '@wordpress/block-editor';
+import {
+	InnerBlocks,
+	InspectorControls,
+	useBlockProps,
+} from '@wordpress/block-editor';
 import { InnerBlockTemplate } from '@wordpress/blocks';
-import { Disabled, Notice } from '@wordpress/components';
+import { Notice } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 
 /**
@@ -23,7 +27,7 @@ const Edit = () => {
 
 	return (
 		<div { ...blockProps }>
-			<Disabled>
+			<InspectorControls>
 				<Notice
 					className={ 'wc-block-editor-related-products__notice' }
 					status={ 'warning' }
@@ -36,7 +40,7 @@ const Edit = () => {
 						) }
 					</p>
 				</Notice>
-			</Disabled>
+			</InspectorControls>
 			<InnerBlocks template={ TEMPLATE } />
 		</div>
 	);
diff --git a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/editor.scss b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/editor.scss
index b3872daea3a..e6161225c57 100644
--- a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/editor.scss
+++ b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/related-products/editor.scss
@@ -1,4 +1,4 @@
 .wc-block-editor-related-products__notice {
-	margin: 10px auto;
+	margin: auto $gap $gap;
 	max-width: max-content;
 }