Commit e9a32fc8d0c for woocommerce

commit e9a32fc8d0c5a7b59f2483d4ec70046cb5ae4699
Author: Alefe Souza <contact@alefesouza.com>
Date:   Fri Sep 11 11:12:20 2026 -0300

    Fix missing gap between columns in Cart and Checkout editor (#68574)

    #68363 replaced the percentage paddings on the main/sidebar columns with a column-gap on .wc-block-components-sidebar-layout, but the editor forces that element to display: block and lays out the columns via .block-editor-block-list__layout instead, so the gutter disappeared in the block editor.

    Add the same column-gap to the editor flex containers for the Checkout and filled Cart blocks. Editor-only; the frontend layout is unchanged.

    Fixes WOOAIRR-281

diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/filled-cart-block/editor.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/filled-cart-block/editor.scss
index 486c7e30e9c..dc16fd55c3a 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/filled-cart-block/editor.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/cart/inner-blocks/filled-cart-block/editor.scss
@@ -6,6 +6,7 @@
 		display: flex;
 		flex-flow: row wrap;
 		align-items: flex-start;
+		column-gap: $gap-largest;
 	}
 	.wc-block-components-main,
 	.wc-block-components-sidebar,
diff --git a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/styles/editor.scss b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/styles/editor.scss
index 1e97e911852..550f1e313cb 100644
--- a/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/styles/editor.scss
+++ b/plugins/woocommerce/client/blocks/assets/js/blocks/checkout/styles/editor.scss
@@ -6,6 +6,7 @@
 		display: flex;
 		flex-flow: row wrap;
 		align-items: flex-start;
+		column-gap: $gap-largest;
 		padding-left: 5px;

 		&:has(> :first-child.wp-block-woocommerce-checkout-totals-block) {
@@ -98,6 +99,7 @@ body.wc-lock-selected-block--remove {
 	> .block-editor-inner-blocks > .block-editor-block-list__layout {
 		display: flex;
 		flex-wrap: wrap;
+		column-gap: $gap-largest;
 		margin: 0 auto $gap;
 		position: relative;
 		&:has(> :last-child.wp-block-woocommerce-checkout-fields-block) {