diff --git a/packages/block-editor/src/hooks/position.js b/packages/block-editor/src/hooks/position.js
index 3cd3e87363c66..ee83f66097b82 100644
--- a/packages/block-editor/src/hooks/position.js
+++ b/packages/block-editor/src/hooks/position.js
@@ -386,8 +386,8 @@ export function PositionPanel( props ) {
 							onChange={ ( { selectedItem } ) => {
 								onChangeType( selectedItem.value );
 							} }
-							onFocus={ onMouseOverPosition }
-							onBlur={ onMouseLeavePosition }
+							onMouseOver={ onMouseOverPosition }
+							onMouseOut={ onMouseLeavePosition }
 							size={ '__unstable-large' }
 						/>
 					</BaseControl>
diff --git a/packages/block-editor/src/hooks/position.scss b/packages/block-editor/src/hooks/position.scss
index 70cf9d6b49c5f..2991cfd5de895 100644
--- a/packages/block-editor/src/hooks/position.scss
+++ b/packages/block-editor/src/hooks/position.scss
@@ -36,8 +36,7 @@
 	left: 0;
 	right: 0;
 	opacity: 0.5;
-	border-color: var(--wp-admin-theme-color);
-	border-style: dotted;
+	background-color: var(--wp-admin-theme-color);
 	box-sizing: border-box;
 	overflow: hidden;
 }