diff --git a/packages/editor/src/components/block-switcher/style.scss b/packages/editor/src/components/block-switcher/style.scss
index a994ff7542404..0f062116d1b00 100644
--- a/packages/editor/src/components/block-switcher/style.scss
+++ b/packages/editor/src/components/block-switcher/style.scss
@@ -11,15 +11,30 @@
 	padding: 3px;
 }
 
-
 .components-icon-button.editor-block-switcher__no-switcher-icon {
 	width: $icon-button-size + 6px + 6px;
+
 	.editor-block-icon {
 		margin-right: auto;
 		margin-left: auto;
 	}
 }
 
+// When the block switcher does not have any transformations, we show it but as disabled.
+// The background and opacity change helps make the icon legible, despite being disabled.
+.components-button.editor-block-switcher__no-switcher-icon:disabled {
+	background: $light-gray-200;
+	border-radius: 0;
+	opacity: 0.84;
+
+	// Also make the icon monochrome to further imply disabled state.
+	// We use !important here because icon colors are set as inline styles,
+	// and should be overridden when disabled.
+	.editor-block-icon.has-colors {
+		color: $dark-gray-500 !important;
+	}
+}
+
 // Style this the same as the block buttons in the library.
 // Needs specificiity to override the icon button.
 .components-icon-button.editor-block-switcher__toggle {