diff --git a/plugins/woocommerce-admin/client/products/sections/product-shipping-section.scss b/plugins/woocommerce-admin/client/products/sections/product-shipping-section.scss index 08c59941265..58261f87ab1 100644 --- a/plugins/woocommerce-admin/client/products/sections/product-shipping-section.scss +++ b/plugins/woocommerce-admin/client/products/sections/product-shipping-section.scss @@ -15,7 +15,7 @@ &__dimensions { &-body { display: grid; - gap: $gap-large; + gap: $gap-largest; grid-template-columns: 1fr; @media ( min-width: #{ ($break-medium) } ) { grid-template-columns: 1fr 1fr; @@ -28,15 +28,14 @@ } } } + &-image { + width: 100%; + height: 100%; + } .product-shipping-section__spinner-wrapper { @media ( min-width: #{ ($break-medium) } ) { min-height: 326px; } } } - &-image { - @media ( min-width: #{ ($break-medium) } ) { - width: 100%; - } - } } diff --git a/plugins/woocommerce/changelog/enhancement-35189-increase-gap b/plugins/woocommerce/changelog/enhancement-35189-increase-gap new file mode 100644 index 00000000000..95d6b3736f0 --- /dev/null +++ b/plugins/woocommerce/changelog/enhancement-35189-increase-gap @@ -0,0 +1,4 @@ +Significance: patch +Type: enhancement + +Increase the spacing between the shipping box illustration and the dimensions fields