diff --git a/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/cheque/index.js b/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/cheque/index.js
index 4f376c393be..0dfa7988e8d 100644
--- a/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/cheque/index.js
+++ b/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/cheque/index.js
@@ -14,8 +14,6 @@ import { PAYMENT_METHOD_NAME } from './constants';
 
 const settings = getSetting( 'cheque_data', {} );
 
-const EditPlaceHolder = () => <div>TODO: Edit preview soon...</div>;
-
 /**
  * @typedef {import('@woocommerce/type-defs/registered-payment-method-props').RegisteredPaymentMethodProps} RegisteredPaymentMethodProps
  */
@@ -40,6 +38,10 @@ const Content = ( { activePaymentMethod, eventRegistration } ) => {
 	) : null;
 };
 
+const Edit = ( props ) => {
+	return <Content { ...props } />;
+};
+
 const offlineChequePaymentMethod = {
 	name: PAYMENT_METHOD_NAME,
 	label: (
@@ -51,7 +53,7 @@ const offlineChequePaymentMethod = {
 		</strong>
 	),
 	content: <Content />,
-	edit: <EditPlaceHolder />,
+	edit: <Edit />,
 	canMakePayment: () => true,
 	ariaLabel: decodeEntities(
 		settings.title || __( 'Check Payment', 'woo-gutenberg-products-block' )
diff --git a/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/stripe/credit-card/index.js b/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/stripe/credit-card/index.js
index 8f3993f9c68..3d3121ac41c 100644
--- a/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/stripe/credit-card/index.js
+++ b/plugins/woocommerce-blocks/assets/js/payment-method-extensions/payment-methods/stripe/credit-card/index.js
@@ -10,10 +10,12 @@ import { loadStripe } from '../stripe-utils';
 import { StripeCreditCard } from './payment-method';
 import { PAYMENT_METHOD_NAME } from './constants';
 
-const EditPlaceHolder = () => <div>TODO: Card edit preview soon...</div>;
-
 const stripePromise = loadStripe();
 
+const Edit = ( props ) => {
+	return <StripeCreditCard stripe={ stripePromise } { ...props } />;
+};
+
 const stripeCcPaymentMethod = {
 	name: PAYMENT_METHOD_NAME,
 	label: (
@@ -22,7 +24,7 @@ const stripeCcPaymentMethod = {
 		</strong>
 	),
 	content: <StripeCreditCard stripe={ stripePromise } />,
-	edit: <EditPlaceHolder />,
+	edit: <Edit />,
 	canMakePayment: () => stripePromise,
 	ariaLabel: __(
 		'Stripe Credit Card payment method',