Tailored flows: fix newsletter description (#71242)

Automattic · Dec 15, 2022 · 0ed2a8a · 0ed2a8a
1 parent afcb24d
commit 0ed2a8a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/intro/index.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/intro/index.tsx
@@ -40,11 +40,8 @@ const useIntroContent = ( flowName: string | null ): IntroContent => {
 		if ( flowName === NEWSLETTER_FLOW ) {
 			return {
 				title: __( 'Sign in. Set up. Send out.' ),
-				text: createInterpolateElement(
-					__(
-						`You’re a few steps away from launching a beautiful Newsletter with<br />everything you’ll ever need to grow your audience.`
-					),
-					{ br: <br /> }
+				text: __(
+					`You’re a few steps away from launching a beautiful Newsletter with everything you’ll ever need to grow your audience.`
 				),
 				buttonText: __( 'Start building your Newsletter' ),
 			};

diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/intro/intro.tsx b/client/landing/stepper/declarative-flow/internals/steps-repository/intro/intro.tsx
@@ -8,7 +8,7 @@ interface Props {
 
 export interface IntroContent {
 	title: WPElement | string;
-	text?: WPElement;
+	text?: WPElement | string;
 	buttonText: string;
 }
 

diff --git a/client/landing/stepper/declarative-flow/internals/steps-repository/intro/styles.scss b/client/landing/stepper/declarative-flow/internals/steps-repository/intro/styles.scss
@@ -28,6 +28,10 @@
 				background-position-y: 10vh;
 			}
 		}
+		.intro__description {
+			max-width: 450px;
+			margin: auto;
+		}
 	}
 
 	&.link-in-bio {