diff --git a/packages/block-editor/src/components/duotone-control/style.scss b/packages/block-editor/src/components/duotone-control/style.scss index ef570844a6660e..35808339462392 100644 --- a/packages/block-editor/src/components/duotone-control/style.scss +++ b/packages/block-editor/src/components/duotone-control/style.scss @@ -4,13 +4,13 @@ $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.components-dropdown__content { +.block-editor-duotone-control__popover.components-popover { > .components-popover__content { - padding: $grid-unit-10; + padding: $popover-padding; width: $popover-width; }