diff --git a/packages/block-editor/src/components/block-content-overlay/style.scss b/packages/block-editor/src/components/block-content-overlay/style.scss
index 9ee27f97c2197..5a7cfd9082c56 100644
--- a/packages/block-editor/src/components/block-content-overlay/style.scss
+++ b/packages/block-editor/src/components/block-content-overlay/style.scss
@@ -1,7 +1,7 @@
 .block-editor-block-list__block.has-block-overlay {
 	cursor: default;
 
-	&::after {
+	&::before {
 		content: "";
 		position: absolute;
 		top: 0;
@@ -14,7 +14,11 @@
 		z-index: z-index(".block-editor-block-list__block.has-block-overlay");
 	}
 
-	&:hover:not(.is-dragging-blocks)::after {
+	&::after {
+		content: none;
+	}
+
+	&:hover:not(.is-dragging-blocks)::before {
 		background: rgba(var(--wp-admin-theme-color--rgb), 0.3);
 		box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color) inset;
 	}
@@ -23,7 +27,7 @@
 		pointer-events: none;
 	}
 
-	.block-editor-iframe__body.is-zoomed-out &::after {
+	.block-editor-iframe__body.is-zoomed-out &::before {
 		// Unfortunately because of the vw unit, this is not always going to be exact
 		// When the scrollbar is visible, the frame exceeds the canvas by a few pixes.
 		width: calc(100vw);