diff --git a/extensions/blocks/recurring-payments/edit.jsx b/extensions/blocks/recurring-payments/edit.jsx
index cc8237bd006fa..d404948d00d3e 100644
--- a/extensions/blocks/recurring-payments/edit.jsx
+++ b/extensions/blocks/recurring-payments/edit.jsx
@@ -314,9 +314,9 @@ class MembershipsButtonEdit extends Component {
 	};
 
 	render = () => {
-		const { className, notices } = this.props;
+		const { className, notices, attributes } = this.props;
 		const { connected, connectURL, products } = this.state;
-
+		const { align } = attributes;
 		const inspectorControls = (
 			<InspectorControls>
 				<PanelBody title={ __( 'Product', 'jetpack' ) }>
@@ -343,6 +343,7 @@ class MembershipsButtonEdit extends Component {
 			'components-button',
 			'is-primary',
 			'is-button',
+			`align${ align }`,
 		] );
 		const blockContent = (
 			<SubmitButton
diff --git a/extensions/blocks/recurring-payments/editor.scss b/extensions/blocks/recurring-payments/editor.scss
index 31f315beec5c8..a7978ce8595b8 100644
--- a/extensions/blocks/recurring-payments/editor.scss
+++ b/extensions/blocks/recurring-payments/editor.scss
@@ -3,6 +3,7 @@
 
 .wp-block-jetpack-recurring-payments {
 	font-family: $default-font;
+	width: 100%;
 
 	.components-base-control__label {
 		text-align: left;
diff --git a/extensions/blocks/recurring-payments/index.js b/extensions/blocks/recurring-payments/index.js
index 78634deeee035..637dd775adb7c 100644
--- a/extensions/blocks/recurring-payments/index.js
+++ b/extensions/blocks/recurring-payments/index.js
@@ -44,9 +44,16 @@ export const settings = {
 		customTextButtonColor: {
 			type: 'string',
 		},
+		align: {
+			type: 'string',
+		},
 	},
 	edit,
 	save: () => null,
+	supports: {
+		html: false,
+		align: true,
+	},
 };
 
 // These are Stripe Settlement currencies https://stripe.com/docs/currencies since memberships supports only Stripe ATM.