Admin page: update wording for Boost plugin Critical CSS prompt (#40293)

Co-authored-by: Adnan Haque <[email protected]>
Co-authored-by: Peter Petrov <[email protected]>

projects/plugins/jetpack/_inc/client/at-a-glance/boost/index.jsx

@@ -176,7 +176,7 @@ const DashBoost = ( {
 						'jetpack'
 					),
 					bottom: __(
-						'Jetpack Boost enhance your site’s performance like top websites, no developer needed.',
+						'Jetpack Boost enhances your site’s performance like top websites, no developer needed.',
 						'jetpack'
 					),
 				};
@@ -201,11 +201,17 @@ const DashBoost = ( {
 
 		return createInterpolateElement(
 			__(
-				'<a>Re-generate your Critical CSS after you make changes on your site</a><Info/>',
+				'<a><u>Regenerate your Critical CSS</u> after making changes to your site</a><Info/>',
 				'jetpack'
 			),
 			{
-				a: <a href={ siteAdminUrl + BOOST_PLUGIN_DASH } />,
+				a: (
+					<a
+						href={ siteAdminUrl + BOOST_PLUGIN_DASH }
+						className="dash-boost-critical-css-info__text"
+					/>
+				),
+				u: <u />,
 				Info: <CriticalCssInfoPopover />,
 			}
 		);
@@ -517,7 +523,7 @@ const CriticalCssInfoPopover = () => {
 				screenReaderText={ __( 'Learn more about how critical CSS works', 'jetpack' ) }
 			>
 				<h3 className="boost-critical-css-info__title">
-					{ __( 'Regenerate Critical CSS', 'jetpack' ) }
+					{ __( 'Get automated Critical CSS', 'jetpack' ) }
 				</h3>
 				<p>
 					{ createInterpolateElement(

projects/plugins/jetpack/_inc/client/at-a-glance/style.scss

@@ -751,3 +751,10 @@ a.jp-dash-item__manage-in-wpcom,
 		display: block;
 	}
 }
+
+// We only underline part of the link to Critical CSS info.
+.dops-banner__title {
+	a.dash-boost-critical-css-info__text {
+		text-decoration: none;
+	}
+}

projects/plugins/jetpack/changelog/update-boost-messaging-admin-page

@@ -0,0 +1,5 @@
+Significance: patch
+Type: enhancement
+Comment: Dashboard: update wording for Boost plugin prompt.
+
+