From 208c84246e9c38a236607ca8f8fca1ce83318d9c Mon Sep 17 00:00:00 2001
From: Rishit Gupta <74411873+Rishit30G@users.noreply.github.com>
Date: Fri, 7 Feb 2025 18:57:05 +0530
Subject: [PATCH] Refactor clear button in ColorPalette component

---
 packages/components/src/color-palette/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/components/src/color-palette/index.tsx b/packages/components/src/color-palette/index.tsx
index de4e4f4206fe3a..d9d7b82d542a7f 100644
--- a/packages/components/src/color-palette/index.tsx
+++ b/packages/components/src/color-palette/index.tsx
@@ -241,11 +241,11 @@ function UnforwardedColorPalette(
 		value,
 	};
 
-	const actions = !! clearable && (
+	const actions = (
 		<CircularOptionPicker.ButtonAction
 			onClick={ clearColor }
 			accessibleWhenDisabled
-			disabled={ ! value }
+			disabled={ ! value || ! clearable }
 		>
 			{ __( 'Clear' ) }
 		</CircularOptionPicker.ButtonAction>