diff --git a/packages/block-editor/src/utils/transform-styles/index.js b/packages/block-editor/src/utils/transform-styles/index.js
index 4da6f6ce237950..742e3a9becaef3 100644
--- a/packages/block-editor/src/utils/transform-styles/index.js
+++ b/packages/block-editor/src/utils/transform-styles/index.js
@@ -19,6 +19,14 @@ import rebaseUrl from 'postcss-urlrebase';
  */
 const transformStyles = ( styles, wrapperSelector = '' ) => {
 	return styles.map( ( { css, ignoredSelectors = [], baseURL } ) => {
+		// When there is no wrapper selector or base URL, there is no need
+		// to transform the CSS. This is most cases because in the default
+		// iframed editor, no wrapping is needed, and not many styles
+		// provide a base URL.
+		if ( ! wrapperSelector && ! baseURL ) {
+			return css;
+		}
+
 		try {
 			return postcss(
 				[