diff --git a/apps/wpcom-block-editor/src/calypso/editor.scss b/apps/wpcom-block-editor/src/calypso/editor.scss
index a9dee9775f5c0..fdbc2c1d9a3fa 100644
--- a/apps/wpcom-block-editor/src/calypso/editor.scss
+++ b/apps/wpcom-block-editor/src/calypso/editor.scss
@@ -1 +1,5 @@
 @import './features/iframe-bridge-server';
+
+// Temporary load this here too to get it work on Atomic sites at least via Calypso
+// Will be moved to wpcom folder unless fixed otherwise
+@import './features/legacy-preview-button';
diff --git a/apps/wpcom-block-editor/src/calypso/features/legacy-preview-button.scss b/apps/wpcom-block-editor/src/calypso/features/legacy-preview-button.scss
new file mode 100644
index 0000000000000..c46f27ce8856a
--- /dev/null
+++ b/apps/wpcom-block-editor/src/calypso/features/legacy-preview-button.scss
@@ -0,0 +1,18 @@
+/**
+ * Enforces simple preview button to be always visible and hide more complex preview that was introduced in Gutenberg 7.7
+ *
+ * Doesn't affect editors older than 7.7
+ *
+ * This can be removed once we support scaling down CSS to the new preview
+ * @link https://github.com/Automattic/wp-calypso/issues/40401
+ */
+@media ( min-width: 600px ) {
+	// Normally visible on mobile only, make it always visible
+	.editor-post-preview {
+		display: inline-flex;
+	}
+	// Normally visible on desktops, make it always hidden
+	.editor-post-preview__dropdown {
+		display: none;
+	}
+}