diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss
index d8b145a2b13dd4..cea120b1605e4f 100644
--- a/packages/base-styles/_mixins.scss
+++ b/packages/base-styles/_mixins.scss
@@ -682,6 +682,18 @@
 		color: colors.$white;
 		background: var(--wp-admin-theme-color);
 	}
+
+	svg {
+		@media not (prefers-reduced-motion) {
+			transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;
+		}
+	}
+
+	&.is-pressed {
+		svg {
+			transform: rotate(45deg);
+		}
+	}
 }
 
 @mixin selected-block-outline($widthRatio: 1) {
diff --git a/packages/block-editor/src/components/inserter/index.js b/packages/block-editor/src/components/inserter/index.js
index 159096bc3d9beb..ab1b18cdaf2513 100644
--- a/packages/block-editor/src/components/inserter/index.js
+++ b/packages/block-editor/src/components/inserter/index.js
@@ -73,6 +73,7 @@ const defaultRenderToggle = ( {
 			className="block-editor-inserter__toggle"
 			aria-haspopup={ ! hasSingleBlockType ? 'true' : false }
 			aria-expanded={ ! hasSingleBlockType ? isOpen : false }
+			isPressed={ ! hasSingleBlockType && isOpen }
 			disabled={ disabled }
 			{ ...rest }
 		/>
diff --git a/packages/block-editor/src/components/inserter/style.scss b/packages/block-editor/src/components/inserter/style.scss
index 6af59eaf2f655f..a78249b8234bbe 100644
--- a/packages/block-editor/src/components/inserter/style.scss
+++ b/packages/block-editor/src/components/inserter/style.scss
@@ -92,6 +92,7 @@ $block-inserter-tabs-height: 44px;
 	@media not ( prefers-reduced-motion ) {
 		transition: color 0.2s ease;
 	}
+
 }
 
 .block-editor-inserter__menu {