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 (