diff --git a/plugins/woocommerce-blocks/assets/js/base/components/product-list/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/product-list/style.scss index 4ff44887ac4..3fed9644204 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/product-list/style.scss +++ b/plugins/woocommerce-blocks/assets/js/base/components/product-list/style.scss @@ -264,7 +264,8 @@ .wc-block-grid__product-image, .wc-block-grid__product-title, .wc-block-grid__product-price, - .wc-block-grid__product-rating { + .wc-block-grid__product-rating, + .wc-block-grid__product-add-to-cart { margin-top: 0; margin-bottom: $gap-small; } @@ -276,8 +277,11 @@ display: flex; flex-direction: column; } - .wc-block-grid__product-add-to-cart { - margin-top: auto !important; + .wc-block-grid__product > .wc-block-grid__product-title:last-child, + .wc-block-grid__product > div:last-child { + margin-top: auto; + margin-bottom: 0; + padding-bottom: $gap-small; } } @for $i from 1 to 9 { diff --git a/plugins/woocommerce-blocks/assets/js/components/grid-layout-control/index.js b/plugins/woocommerce-blocks/assets/js/components/grid-layout-control/index.js index 64bb544165e..0202ce1a412 100644 --- a/plugins/woocommerce-blocks/assets/js/components/grid-layout-control/index.js +++ b/plugins/woocommerce-blocks/assets/js/components/grid-layout-control/index.js @@ -49,15 +49,18 @@ const GridLayoutControl = ( { max={ MAX_ROWS } />