diff --git a/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/index.js b/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/index.js index c2ec6bb44da..87d3b51d120 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/index.js +++ b/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/index.js @@ -60,28 +60,30 @@ const TotalsCouponCodeInput = ( { showSpinner={ false } > - - setCouponValue( newCouponValue ) - } - /> - +
+ + setCouponValue( newCouponValue ) + } + /> + +
diff --git a/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/style.scss b/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/style.scss index 4522cfa1a4c..15f3b5466ad 100644 --- a/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/style.scss +++ b/plugins/woocommerce-blocks/assets/js/base/components/totals/totals-coupon-code-input/style.scss @@ -29,8 +29,9 @@ } } - .wc-block-coupon-code__row { + .wc-block-coupon-code__form { display: flex; + margin-bottom: 0; } .wc-block-coupon-code__input { @@ -39,6 +40,7 @@ } .wc-block-coupon-code__button { + height: 48px; margin-left: $gap; padding-left: $gap-large; padding-right: $gap-large;