From 8c711c1229f4ac3227ede2601f4cc5e0e0040f30 Mon Sep 17 00:00:00 2001
From: Matias Benedetto <matias.benedetto@gmail.com>
Date: Fri, 6 Dec 2024 18:49:20 -0300
Subject: [PATCH] tweak css

---
 packages/edit-site/src/components/style-book/color-examples.tsx | 2 +-
 packages/edit-site/src/components/style-book/examples.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

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 0a68cb30d78e5..bdc7bc7936bc1 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 d395112085bed..839a7ac8c4965 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"
 				/>
 			),