diff --git a/plugins/woocommerce-admin/client/profile-wizard/index.js b/plugins/woocommerce-admin/client/profile-wizard/index.js
index c4cd410de23..82a172a625b 100644
--- a/plugins/woocommerce-admin/client/profile-wizard/index.js
+++ b/plugins/woocommerce-admin/client/profile-wizard/index.js
@@ -288,6 +288,7 @@ class ProfileWizard extends Component {
 	render() {
 		const { query } = this.props;
 		const step = this.getCurrentStep();
+		const stepKey = step.key;
 
 		const container = createElement( step.container, {
 			query,
@@ -300,13 +301,12 @@ class ProfileWizard extends Component {
 		const steps = this.getSteps().map( ( _step ) =>
 			pick( _step, [ 'key', 'label', 'isComplete' ] )
 		);
+		const classNames = `woocommerce-profile-wizard__container ${ stepKey }`;
 
 		return (
 			<Fragment>
-				<ProfileWizardHeader currentStep={ step.key } steps={ steps } />
-				<div className="woocommerce-profile-wizard__container">
-					{ container }
-				</div>
+				<ProfileWizardHeader currentStep={ stepKey } steps={ steps } />
+				<div className={ classNames }>{ container }</div>
 			</Fragment>
 		);
 	}
diff --git a/plugins/woocommerce-admin/client/profile-wizard/style.scss b/plugins/woocommerce-admin/client/profile-wizard/style.scss
index bac728d45f6..9d636ec143a 100644
--- a/plugins/woocommerce-admin/client/profile-wizard/style.scss
+++ b/plugins/woocommerce-admin/client/profile-wizard/style.scss
@@ -85,6 +85,10 @@
 			margin-right: auto;
 		}
 
+		&.benefits {
+			text-align: center;
+		}
+
 		@include breakpoint( '<782px' ) {
 			padding-left: $gap;
 			padding-right: $gap;