diff --git a/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss b/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss index d8e590c2912..d3495745880 100644 --- a/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss +++ b/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss @@ -1,4 +1,5 @@ .wc-block-components-shipping-rates-control__package { + .wc-block-components-panel__button { margin-bottom: 0; margin-top: 0; @@ -41,3 +42,13 @@ content: ", "; white-space: pre; } + +// Target the shipping selection in checkout only, the Cart block has enough spacing because of the buttons on the panel. +.wc-block-checkout .wc-block-components-shipping-rates-control__package { + margin-bottom: em($gap-large); + + &:last-of-type { + margin-bottom: 0; + } + +}