Fix Express Checkout Element button width (#9094)

Automattic · Jul 15, 2024 · ed21d55 · ed21d55
1 parent 6f434a4
commit ed21d55
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/changelog/fix-9005-fix-ece-button-width b/changelog/fix-9005-fix-ece-button-width
@@ -0,0 +1,4 @@
+Significance: minor
+Type: fix
+
+Fix Express Checkout Element button width.
diff --git a/client/checkout/express-checkout-buttons.scss b/client/checkout/express-checkout-buttons.scss
@@ -8,6 +8,14 @@
 	}
 }
 
+// This fixes width calculation issues inside the iframe for blocks and shortcode pages.
+.wcpay-payment-request-wrapper,
+.wc-block-components-express-payment__event-buttons {
+	.StripeElement iframe {
+		max-width: unset;
+	}
+}
+
 .woocommerce-checkout .wcpay-payment-request-wrapper {
 	margin-bottom: 1.5em;
 }