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 59ddee0e47b6fb..bafeb06de9bd74 100644
--- a/packages/block-editor/src/components/block-list-appender/style.scss
+++ b/packages/block-editor/src/components/block-list-appender/style.scss
@@ -10,10 +10,12 @@
 	}
 
 	// Animate appearance.
-	opacity: 1;
-	transform: scale(1);
-	transition: all 0.1s ease;
-	@include reduce-motion("transition");
+	.block-list-appender__toggle {
+		opacity: 1;
+		transform: scale(1);
+		transition: all 0.1s ease;
+		@include reduce-motion("transition");
+	}
 }
 
 .block-list-appender.is-drop-target > div::before {
@@ -35,7 +37,7 @@
 // Hide the nested appender unless parent or child is selected.
 // This selector targets unselected blocks that have only a single nesting level.
 .block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) {
-	.block-editor-block-list__layout > .block-list-appender {
+	.block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle {
 		opacity: 0;
 		transform: scale(0);
 	}