diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
index 4a72cb3ed3423d..b1566d2ae03caa 100644
--- a/packages/block-editor/src/components/block-list/style.scss
+++ b/packages/block-editor/src/components/block-list/style.scss
@@ -158,10 +158,10 @@
 
 	// Hover style.
 	&.is-hovered > .block-editor-block-list__block-edit::before {
-		box-shadow: -$block-left-border-width 0 0 0 $light-gray-500;
+		box-shadow: -$block-left-border-width 0 0 0 $dark-opacity-light-500;
 
 		.is-dark-theme & {
-			box-shadow: -$block-left-border-width 0 0 0 $dark-gray-600;
+			box-shadow: -$block-left-border-width 0 0 0 $light-opacity-light-400;
 		}
 	}
 
diff --git a/packages/editor/src/components/post-title/style.scss b/packages/editor/src/components/post-title/style.scss
index a065097cd6465b..2196946168b5d8 100644
--- a/packages/editor/src/components/post-title/style.scss
+++ b/packages/editor/src/components/post-title/style.scss
@@ -75,7 +75,11 @@
 
 	&:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) {
 		.editor-post-title__input:hover {
-			box-shadow: -$block-left-border-width 0 0 0 $light-gray-500;
+			box-shadow: -$block-left-border-width 0 0 0 $dark-opacity-light-500;
+
+			.is-dark-theme & {
+				box-shadow: -$block-left-border-width 0 0 0 $light-opacity-light-400;
+			}
 		}
 	}