diff --git a/client/checkout/express-checkout-buttons.scss b/client/checkout/express-checkout-buttons.scss
index 813b235224e..10b6058a3b3 100644
--- a/client/checkout/express-checkout-buttons.scss
+++ b/client/checkout/express-checkout-buttons.scss
@@ -13,7 +13,7 @@
 	}
 
 	> div {
-		margin-bottom: 11px;
+		margin-bottom: 12px;
 
 		&:last-of-type {
 			margin-bottom: 0;
diff --git a/client/express-checkout/blocks/components/express-checkout-preview.js b/client/express-checkout/blocks/components/express-checkout-preview.js
index 9674aaea38e..2c79ba052ab 100644
--- a/client/express-checkout/blocks/components/express-checkout-preview.js
+++ b/client/express-checkout/blocks/components/express-checkout-preview.js
@@ -27,7 +27,7 @@ export const ExpressCheckoutPreviewComponent = ( {
 		appearance: {
 			variables: {
 				borderRadius: `${ radius ?? getDefaultBorderRadius() }px`,
-				spacingUnit: '5.5px',
+				spacingUnit: '6px',
 			},
 		},
 	};
diff --git a/client/express-checkout/blocks/express-checkout-element.scss b/client/express-checkout/blocks/express-checkout-element.scss
index 8178947f320..17c3b5a9a4f 100644
--- a/client/express-checkout/blocks/express-checkout-element.scss
+++ b/client/express-checkout/blocks/express-checkout-element.scss
@@ -1,7 +1,7 @@
 // Cart Block
 .wc-block-components-express-payment--cart {
 	.wc-block-components-express-payment__event-buttons > li {
-		padding-bottom: 11px !important;
+		padding-bottom: 12px !important;
 
 		&:last-child {
 			padding-bottom: 0 !important;
@@ -18,7 +18,7 @@
 // Checkout Block
 .wc-block-components-express-payment--checkout {
 	.wc-block-components-express-payment__event-buttons {
-		grid-gap: 11px !important;
+		grid-gap: 12px !important;
 		grid-template-columns: repeat(
 			auto-fit,
 			minmax( 232px, 1fr )
diff --git a/client/express-checkout/utils/index.ts b/client/express-checkout/utils/index.ts
index b59b3f12d18..8a21a75260c 100644
--- a/client/express-checkout/utils/index.ts
+++ b/client/express-checkout/utils/index.ts
@@ -181,7 +181,7 @@ export const getExpressCheckoutButtonAppearance = () => {
 			borderRadius: `${
 				buttonSettings?.radius ?? getDefaultBorderRadius()
 			}px`,
-			spacingUnit: '5.5px',
+			spacingUnit: '6px',
 		},
 	};
 };
diff --git a/client/settings/express-checkout-settings/index.scss b/client/settings/express-checkout-settings/index.scss
index e30c5196ed2..f57e1e973e7 100644
--- a/client/settings/express-checkout-settings/index.scss
+++ b/client/settings/express-checkout-settings/index.scss
@@ -308,7 +308,7 @@
 		display: flex;
 		justify-content: center;
 		flex-direction: column;
-		gap: 11px;
+		gap: 12px;
 
 		@media screen and ( max-width: 782px ) {
 			flex-wrap: wrap;