From 2ad55b5b9e7f2b151edcc2cbed91f7f33f1f8022 Mon Sep 17 00:00:00 2001
From: Tomasz Tunik <tomasztunik@gmail.com>
Date: Fri, 11 Mar 2022 13:01:15 +0100
Subject: [PATCH] Fix box-sizing on Global Styles blocks with border width
 control (https://github.com/woocommerce/woocommerce-blocks/pull/6043)

Set box-sizing to border-box on affected blocks: Featured product, featured category, sale badge.
---
 .../js/atomic/blocks/product-elements/sale-badge/style.scss   | 1 +
 .../assets/js/blocks/featured-category/style.scss             | 1 +
 .../assets/js/blocks/featured-product/style.scss              | 1 +
 plugins/woocommerce-blocks/package-lock.json                  | 4 ++--
 4 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/sale-badge/style.scss b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/sale-badge/style.scss
index 26131ea003b..8a8c0bbac0e 100644
--- a/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/sale-badge/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/atomic/blocks/product-elements/sale-badge/style.scss
@@ -6,6 +6,7 @@
 	width: auto;
 	border: 1px solid #43454b;
 	border-radius: 3px;
+	box-sizing: border-box;
 	color: #43454b;
 	background: #fff;
 	text-align: center;
diff --git a/plugins/woocommerce-blocks/assets/js/blocks/featured-category/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/featured-category/style.scss
index caee8a23fe0..e5240d95462 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/featured-category/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/blocks/featured-category/style.scss
@@ -3,6 +3,7 @@
 	border-color: transparent;
 	color: #fff;
 	overflow: hidden;
+	box-sizing: border-box;
 }
 
 .wc-block-featured-category {
diff --git a/plugins/woocommerce-blocks/assets/js/blocks/featured-product/style.scss b/plugins/woocommerce-blocks/assets/js/blocks/featured-product/style.scss
index e09634d4f45..5fa149212ef 100644
--- a/plugins/woocommerce-blocks/assets/js/blocks/featured-product/style.scss
+++ b/plugins/woocommerce-blocks/assets/js/blocks/featured-product/style.scss
@@ -3,6 +3,7 @@
 	border-color: transparent;
 	color: #fff;
 	overflow: hidden;
+	box-sizing: border-box;
 }
 
 .wc-block-featured-product {
diff --git a/plugins/woocommerce-blocks/package-lock.json b/plugins/woocommerce-blocks/package-lock.json
index 783ecb5e607..4d25a198ffd 100644
--- a/plugins/woocommerce-blocks/package-lock.json
+++ b/plugins/woocommerce-blocks/package-lock.json
@@ -1,12 +1,12 @@
 {
 	"name": "@woocommerce/block-library",
-	"version": "7.2.0-dev",
+	"version": "7.3.0-dev",
 	"lockfileVersion": 2,
 	"requires": true,
 	"packages": {
 		"": {
 			"name": "@woocommerce/block-library",
-			"version": "7.2.0-dev",
+			"version": "7.3.0-dev",
 			"hasInstallScript": true,
 			"license": "GPL-3.0+",
 			"dependencies": {