Commit 0de5dc51f67 for woocommerce
commit 0de5dc51f6769444b1feb887a9de7703cb8f65da
Author: Albert Juhé Lluveras <contact@albertjuhe.com>
Date: Mon Jul 6 17:17:58 2026 +0200
Fix Quantity Selector block styles when outside the Add to Cart + Options block (#66261)
* Fix Quantity Selector block styles when outside the Add to Cart + Options block
* Add changelog
* Add styles also to Grouped Product: Item Selector
diff --git a/plugins/woocommerce/changelog/fix-quantity-selector-styles-outside-add-to-cart-with-options b/plugins/woocommerce/changelog/fix-quantity-selector-styles-outside-add-to-cart-with-options
new file mode 100644
index 00000000000..70765a7e0ef
--- /dev/null
+++ b/plugins/woocommerce/changelog/fix-quantity-selector-styles-outside-add-to-cart-with-options
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fix
+
+Fix Quantity Selector block styles when outside the Add to Cart + Options block
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/add-to-cart-with-options/style.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/add-to-cart-with-options/style.scss
index b0f184b3fb6..2c5818c5994 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/add-to-cart-with-options/style.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/add-to-cart-with-options/style.scss
@@ -18,7 +18,9 @@
height: 100%;
}
-:where(.wc-block-add-to-cart-with-options) {
+:where(.wc-block-add-to-cart-with-options),
+:where(.wc-block-add-to-cart-with-options__quantity-selector),
+:where(.wc-block-add-to-cart-with-options-grouped-product-item-selector) {
// This resets some WC component styles, so we need it to have specificity
// until those stylesheets are updated.
.wc-block-components-quantity-selector.wc-block-components-quantity-selector {
@@ -27,6 +29,7 @@
margin-bottom: 0;
margin-right: 0;
}
+
:where(.wc-block-components-quantity-selector) {
&::after {
border: 1px solid currentColor;