diff --git a/packages/block-library/src/pattern/edit.js b/packages/block-library/src/pattern/edit.js
index c69ac359659cf5..c22536a59eb03f 100644
--- a/packages/block-library/src/pattern/edit.js
+++ b/packages/block-library/src/pattern/edit.js
@@ -65,7 +65,9 @@ const PatternEdit = ( { attributes, clientId } ) => {
 		replaceBlocks,
 	] );
 
-	const blockProps = useBlockProps();
+	const blockProps = useBlockProps( {
+		className: slug?.replace( '/', '-' ),
+	} );
 
 	const innerBlocksProps = useInnerBlocksProps( blockProps, {
 		templateLock: syncStatus === 'partial' ? 'contentOnly' : false,