diff --git a/editor/components/block-list/block.js b/editor/components/block-list/block.js
index aa5277fd0b8034..c00d95feaad70e 100644
--- a/editor/components/block-list/block.js
+++ b/editor/components/block-list/block.js
@@ -452,6 +452,7 @@ export class BlockListBlock extends Component {
 			'is-multi-selected': isMultiSelected,
 			'is-hovered': isHovered,
 			'is-reusable': isReusableBlock( blockType ),
+			'is-typing': isTypingWithinBlock,
 		} );
 
 		const { onReplace } = this.props;
diff --git a/editor/components/block-list/style.scss b/editor/components/block-list/style.scss
index 5b1a1ced67344a..1a9be23e4f87c8 100644
--- a/editor/components/block-list/style.scss
+++ b/editor/components/block-list/style.scss
@@ -81,6 +81,17 @@
 		right: 6px;
 	}
 
+	&.is-typing .editor-block-list__empty-block-inserter,
+	&.is-typing .editor-block-list__side-inserter {
+		opacity: 0;
+	}
+
+	.editor-block-list__empty-block-inserter,
+	.editor-block-list__side-inserter {
+		opacity: 1;
+		transition: opacity 0.2s;
+	}
+
 	&.is-reusable.is-selected > .editor-block-mover:before {
 		border-right: none;
 	}