nest content styles in container for higher specificity

packages/block-editor/src/components/block-preview/style.scss

@@ -15,45 +15,44 @@
 		padding: 0;
 		margin: 0;
 	}
-}
-
-.block-editor-block-preview__content {
-	// This element receives inline styles for width, height, and transform-scale.
-	// Those inline styles are calculated to fit a perfect thumbnail.
 
-	// Position above the padding.
-	position: absolute;
+	.block-editor-block-preview__content {
+		// This element receives inline styles for width, height, and transform-scale.
+		// Those inline styles are calculated to fit a perfect thumbnail.
 
-	// Vertical alignment. It works with the transform: translate(-50%, -50%)`,
-	top: 0;
-	left: 0;
+		// Position above the padding.
+		position: absolute;
 
-	// Important to set the origin.
-	transform-origin: top left;
+		// Vertical alignment. It works with the transform: translate(-50%, -50%)`,
+		top: 0;
+		left: 0;
 
-	// Resetting paddings, margins, and other.
+		// Important to set the origin.
+		transform-origin: top left;
 
-	text-align: initial;
-	margin: 0;
-	overflow: visible;
-	min-height: auto;
+		// Resetting paddings, margins, and other.
 
-	.block-editor-block-list__insertion-point,
-	.block-editor-block-drop-zone,
-	.reusable-block-indicator,
-	.block-list-appender {
-		display: none;
-	}
+		text-align: initial;
+		margin: 0;
+		overflow: visible;
+		min-height: auto;
+
+		.block-editor-block-list__insertion-point,
+		.block-editor-block-drop-zone,
+		.reusable-block-indicator,
+		.block-list-appender {
+			display: none;
+		}
 
-	// Reset default editor padding
-	.block-editor-block-list__layout.is-root-container {
-		padding-left: 0;
-		padding-right: 0;
+		// Reset default editor padding
+		.block-editor-block-list__layout.is-root-container {
+			padding-left: 0;
+			padding-right: 0;
 
-		> .wp-block[data-align="full"] {
-			margin-left: 0;
-			margin-right: 0;
+			> .wp-block[data-align="full"] {
+				margin-left: 0;
+				margin-right: 0;
+			}
 		}
 	}
 }
-