diff --git a/assets/js/base/components/price-slider/style.scss b/assets/js/base/components/price-slider/style.scss index becb6dd49d0..b93622dd32d 100644 --- a/assets/js/base/components/price-slider/style.scss +++ b/assets/js/base/components/price-slider/style.scss @@ -102,14 +102,14 @@ display: flex; gap: $gap-smaller; justify-content: space-between; - margin: $gap-large 0; + margin: $gap 0; .wc-block-components-price-slider__amount { margin: 0; border-radius: 4px; border-width: 1px; width: auto; - max-width: 100px; + max-width: 80px; min-width: 0; padding: $gap-smaller; } diff --git a/assets/js/blocks/attribute-filter/style.scss b/assets/js/blocks/attribute-filter/style.scss index 73375727ed7..fc6d5374184 100644 --- a/assets/js/blocks/attribute-filter/style.scss +++ b/assets/js/blocks/attribute-filter/style.scss @@ -67,3 +67,9 @@ } } } + +.editor-styles-wrapper .wc-block-attribute-filter__button.wc-block-attribute-filter__button, +.wc-block-attribute-filter__button.wc-block-attribute-filter__button { + padding: em($gap-smaller) em($gap); + @include font-size(small); +} diff --git a/assets/js/blocks/price-filter/style.scss b/assets/js/blocks/price-filter/style.scss index 03784801a34..4038c964e25 100644 --- a/assets/js/blocks/price-filter/style.scss +++ b/assets/js/blocks/price-filter/style.scss @@ -26,3 +26,9 @@ border-style: solid; } } + +.editor-styles-wrapper .wc-block-price-filter__button.wc-block-components-price-slider__button, +.wc-block-price-filter__button.wc-block-components-price-slider__button { + padding: em($gap-smaller) em($gap); + @include font-size(small); +} diff --git a/assets/js/blocks/stock-filter/style.scss b/assets/js/blocks/stock-filter/style.scss index 705aad8ebae..ac3d0ed1223 100644 --- a/assets/js/blocks/stock-filter/style.scss +++ b/assets/js/blocks/stock-filter/style.scss @@ -21,10 +21,6 @@ opacity: 0.6; } - .wc-block-stock-filter__button { - margin-top: $gap-smaller; - } - .wc-block-stock-filter__actions { align-items: center; display: flex; @@ -39,3 +35,10 @@ } } } + +.editor-styles-wrapper .wc-block-stock-filter .wc-block-stock-filter__button, +.wc-block-stock-filter .wc-block-stock-filter__button { + margin-top: em($gap-smaller); + padding: em($gap-smaller) em($gap); + @include font-size(small); +}