From 184f179674b6ddc154092b640b84dad6e156b1fa Mon Sep 17 00:00:00 2001
From: Yogesh Bhutkar <yogesh.bhutkar@rtcamp.com>
Date: Wed, 15 Jan 2025 13:05:43 +0530
Subject: [PATCH] Duotone: Fix scrollbars displayed on Duotone Control (#67187)

Co-authored-by: yogeshbhutkar <yogeshbhutkar@git.wordpress.org>
Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
---
 .../block-editor/src/components/duotone-control/style.scss    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/block-editor/src/components/duotone-control/style.scss b/packages/block-editor/src/components/duotone-control/style.scss
index 3a3a5a143289b..3580833946239 100644
--- a/packages/block-editor/src/components/duotone-control/style.scss
+++ b/packages/block-editor/src/components/duotone-control/style.scss
@@ -4,11 +4,11 @@ $swatch-size: 28px;
 $swatch-gap: 12px;
 
 $popover-width: 260px;
-$popover-padding: $grid-unit-20;
+$popover-padding: $grid-unit-10;
 
 $swatch-columns: math.floor(math.div($popover-width + $swatch-gap - 2 * $popover-padding, $swatch-size + $swatch-gap));
 
-.block-editor-duotone-control__popover {
+.block-editor-duotone-control__popover.components-popover {
 	> .components-popover__content {
 		padding: $popover-padding;
 		width: $popover-width;