diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
index 15c0a28bcb4ffc..2f0b0e6c9519a3 100644
--- a/packages/block-editor/src/components/block-list/style.scss
+++ b/packages/block-editor/src/components/block-list/style.scss
@@ -264,8 +264,18 @@
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline) {
 	&.is-hovered {
 		cursor: default;
-		box-shadow: inset 0 0 0 $border-width var(--wp-admin-theme-color);
-		border-radius: $radius-block-ui;
+
+		&::after {
+			content: "";
+			position: absolute;
+			pointer-events: none;
+			top: $border-width;
+			left: $border-width;
+			right: $border-width;
+			bottom: $border-width;
+			box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color);
+			border-radius: $radius-block-ui - $border-width;
+		}
 	}
 
 	&.is-selected {
diff --git a/packages/components/src/placeholder/style.scss b/packages/components/src/placeholder/style.scss
index 5edcb2dae3e6f3..9f5db03711dc7e 100644
--- a/packages/components/src/placeholder/style.scss
+++ b/packages/components/src/placeholder/style.scss
@@ -182,6 +182,9 @@
 	backdrop-filter: blur(100px);
 	background-color: transparent;
 
+	// This appears to fix an occasional Chrome bug where the blurred background would have an incorrect color.
+	backface-visibility: hidden;
+
 	// Invert the colors in themes deemed dark.
 	.is-dark-theme & {
 		background-color: rgba($black, 0.1);