Fix big canvas in the post editor when editing patterns

packages/edit-post/src/components/layout/index.js

@@ -59,6 +59,10 @@ const DESIGN_POST_TYPES = [
 	'wp_navigation',
 ];
 
+const TYPEWRITER_STYLE = {
+	css: 'body{padding-bottom: 40vh}',
+};
+
 function useEditorStyles() {
 	const {
 		hasThemeStyleSupport,
@@ -114,21 +118,23 @@ function useEditorStyles() {
 			} );
 		}
 
-		const baseStyles = hasThemeStyles
+		let baseStyles = hasThemeStyles
 			? editorSettings.styles ?? []
 			: defaultEditorStyles;
 
-		// Add a constant padding for the typewritter effect. When typing at the
+		// Add a constant padding for the typewriter effect. When typing at the
 		// bottom, there needs to be room to scroll up.
 		if (
 			! isZoomedOutView &&
 			! hasMetaBoxes &&
 			renderingMode === 'post-only' &&
 			! DESIGN_POST_TYPES.includes( postType )
 		) {
-			baseStyles.push( {
-				css: 'body{padding-bottom: 40vh}',
-			} );
+			baseStyles.push( TYPEWRITER_STYLE );
+		} else if ( baseStyles.includes( TYPEWRITER_STYLE ) ) {
+			baseStyles = baseStyles.filter(
+				( style ) => style !== TYPEWRITER_STYLE
+			);
 		}
 
 		return baseStyles;
@@ -137,6 +143,7 @@ function useEditorStyles() {
 		editorSettings.disableLayoutStyles,
 		editorSettings.styles,
 		hasThemeStyleSupport,
+		postType,
 	] );
 }