From 50d457edb233642bfcefebb1975a637dc3aae33c Mon Sep 17 00:00:00 2001
From: tomoki shimomura <shimotmk1104@gmail.com>
Date: Thu, 27 Feb 2025 21:44:14 +0900
Subject: [PATCH] Format Library: Text-color popover width to fit sidebar
 (#68881)

Co-authored-by: shimotmk <shimotomoki@git.wordpress.org>
Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>
---
 packages/format-library/src/text-color/style.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/format-library/src/text-color/style.scss b/packages/format-library/src/text-color/style.scss
index 439af6db38d0cf..05f448d88d77b7 100644
--- a/packages/format-library/src/text-color/style.scss
+++ b/packages/format-library/src/text-color/style.scss
@@ -1,6 +1,13 @@
+// Must equal $color-palette-circle-size from:
+// @wordpress/components/src/circular-option-picker/style.scss
+$swatch-size: 28px;
+$swatch-gap: 12px;
+$panelPadding: $grid-unit-20;
+
 .format-library__inline-color-popover {
 
 	[role="tabpanel"] {
-		padding: 16px;
+		padding: $panelPadding;
+		width: ( $swatch-size * 6 ) + ( $swatch-gap * 5 ) + ( $panelPadding * 2 );
 	}
 }