diff --git a/packages/block-editor/src/components/block-list-appender/style.scss b/packages/block-editor/src/components/block-list-appender/style.scss
index 4a76a97500a1d5..9e62fe4be1e6b3 100644
--- a/packages/block-editor/src/components/block-list-appender/style.scss
+++ b/packages/block-editor/src/components/block-list-appender/style.scss
@@ -27,17 +27,18 @@
 	.block-list-appender__toggle {
 		padding: 0;
 		opacity: 1;
-		transform: scale(1);
 		transition: all 0.1s ease;
 		@include reduce-motion("transition");
 
 		// Show one appender at a time.
-		display: none;
+		visibility: hidden;
+		transform: scale(0);
 	}
 }
 
 .block-editor-block-list__block.is-selected .block-list-appender .block-list-appender__toggle {
-	display: block;
+	visibility: visible;
+	transform: scale(1);
 }
 
 // For vertical flex containers, a 100% width ensures correct alignment.