diff --git a/packages/edit-site/src/components/global-styles/preview.js b/packages/edit-site/src/components/global-styles/preview.js
index 42c69dc43bb13..b06777c656ea9 100644
--- a/packages/edit-site/src/components/global-styles/preview.js
+++ b/packages/edit-site/src/components/global-styles/preview.js
@@ -11,7 +11,7 @@ import {
__experimentalVStack as VStack,
} from '@wordpress/components';
import { useReducedMotion, useResizeObserver } from '@wordpress/compose';
-import { useState } from '@wordpress/element';
+import { useState, useMemo } from '@wordpress/element';
/**
* Internal dependencies
@@ -79,10 +79,25 @@ const StylesPreview = ( { label, isFocused } ) => {
)
.slice( 0, 2 );
+ // Reset leaked styles from WP common.css.
+ const editorStyles = useMemo( () => {
+ if ( styles ) {
+ return [
+ ...styles,
+ {
+ css: 'body{min-width: 0;}',
+ isGlobalStyles: true,
+ },
+ ];
+ }
+
+ return styles;
+ }, [ styles ] );
+
return (
}
+ head={ }
style={ {
height: normalizedHeight * ratio,
visibility: ! width ? 'hidden' : 'visible',