From 041ca27a1c4e7d3e0e37420ed268df53646525b1 Mon Sep 17 00:00:00 2001
From: Yogesh Bhutkar <yogesh.bhutkar@rtcamp.com>
Date: Tue, 14 Jan 2025 09:57:29 +0530
Subject: [PATCH] Color Gradients: Adjust `max-width` for color gradient swatch
 to accommodate `reset` button size (#68626)

* Style: Adjust max-width for color gradient swatch to accommodate button size
* Color: incorporate grid unit to provide `reset` button more space

Co-authored-by: yogeshbhutkar <yogeshbhutkar@git.wordpress.org>
Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>
---
 packages/block-editor/src/components/colors-gradients/style.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/block-editor/src/components/colors-gradients/style.scss b/packages/block-editor/src/components/colors-gradients/style.scss
index fbdf144a4176b2..661318e5582414 100644
--- a/packages/block-editor/src/components/colors-gradients/style.scss
+++ b/packages/block-editor/src/components/colors-gradients/style.scss
@@ -111,6 +111,7 @@ $swatch-gap: 12px;
 		white-space: nowrap;
 		overflow: hidden;
 		text-overflow: ellipsis;
+		max-width: calc(100% - ($button-size-next-default-40px + $grid-unit-05));
 	}
 }