diff --git a/packages/edit-site/src/components/style-book/color-examples.tsx b/packages/edit-site/src/components/style-book/color-examples.tsx
index 0a68cb30d78e5b..bdc7bc7936bc17 100644
--- a/packages/edit-site/src/components/style-book/color-examples.tsx
+++ b/packages/edit-site/src/components/style-book/color-examples.tsx
@@ -28,7 +28,7 @@ type Props = {
 const ColorExamples = ( {
 	colors,
 	type,
-	templateColumns = 'repeat(auto-fill, minmax(400px, 1fr))',
+	templateColumns = '1fr 1fr',
 	itemHeight = '52px',
 }: Props ): JSX.Element | null => {
 	if ( ! colors ) {
diff --git a/packages/edit-site/src/components/style-book/examples.tsx b/packages/edit-site/src/components/style-book/examples.tsx
index d395112085bedc..839a7ac8c49650 100644
--- a/packages/edit-site/src/components/style-book/examples.tsx
+++ b/packages/edit-site/src/components/style-book/examples.tsx
@@ -87,7 +87,7 @@ function getOverviewBlockExamples(
 				<ColorExamples
 					colors={ themePalette.colors }
 					type={ colors }
-					templateColumns="repeat(auto-fill, minmax(200px, 1fr))"
+					templateColumns="repeat(auto-fill, minmax( 200px, 1fr ))"
 					itemHeight="32px"
 				/>
 			),