diff --git a/packages/edit-site/src/components/style-book/index.js b/packages/edit-site/src/components/style-book/index.js
index ecbd729ee8a0a..4c93d2ed8db89 100644
--- a/packages/edit-site/src/components/style-book/index.js
+++ b/packages/edit-site/src/components/style-book/index.js
@@ -50,6 +50,7 @@ import { getExamples } from './examples';
 import { store as siteEditorStore } from '../../store';
 import { useSection } from '../sidebar-global-styles-wrapper';
 import { STYLE_BOOK_COLOR_GROUPS } from '../style-book/constants';
+import { GlobalStylesRenderer } from '../global-styles-renderer';
 
 const {
 	ExperimentalBlockEditorProvider,
@@ -432,6 +433,7 @@ export const StyleBookPreview = ( { userConfig = {}, isStatic = false } ) => {
 		<div className="edit-site-style-book">
 			{ resizeObserver }
 			<BlockEditorProvider settings={ settings }>
+				<GlobalStylesRenderer disableRootPadding />
 				<StyleBookBody
 					examples={ examplesForSinglePageUse }
 					settings={ settings }