diff --git a/packages/js/onboarding/src/components/WCPayAcceptedMethods.js b/packages/js/onboarding/src/components/WCPayAcceptedMethods.js
index a79a1031c23..cea52fdb3d9 100644
--- a/packages/js/onboarding/src/components/WCPayAcceptedMethods.js
+++ b/packages/js/onboarding/src/components/WCPayAcceptedMethods.js
@@ -22,12 +22,12 @@ import GiroPay from '../images/cards/giropay.js';
 import Sofort from '../images/cards/sofort.js';
 
 export const WCPayAcceptedMethods = () => (
-	<>
+	<div className="woocommerce-task-payment-wcpay__accepted-section">
 		<Text as="h3" variant="label" size="12" lineHeight="16px">
 			{ __( 'Accepted payment methods include:', 'woocommerce' ) }
 		</Text>
 
-		<div className="woocommerce-task-payment-wcpay__accepted">
+		<div className="woocommerce-task-payment-wcpay__accepted-icons">
 			<Visa />
 			<MasterCard />
 			<Amex />
@@ -40,9 +40,9 @@ export const WCPayAcceptedMethods = () => (
 			<UnionPay />
 			<JCB />
 			<Sofort />
-			<div className="woocommerce-task-payment-wcpay__accepted__and-more">
+			<div className="woocommerce-task-payment-wcpay__accepted-and-more">
 				& more.
 			</div>
 		</div>
-	</>
+	</div>
 );
diff --git a/packages/js/onboarding/src/components/WCPayCard/WCPayCard.scss b/packages/js/onboarding/src/components/WCPayCard/WCPayCard.scss
index 65d81ee1a88..6e50f1f3edd 100644
--- a/packages/js/onboarding/src/components/WCPayCard/WCPayCard.scss
+++ b/packages/js/onboarding/src/components/WCPayCard/WCPayCard.scss
@@ -89,7 +89,7 @@
 			}
 		}
 
-		.woocommerce-task-payment-wcpay__accepted {
+		.woocommerce-task-payment-wcpay__accepted-icons {
 			h3 {
 				color: #40464d;
 			}
@@ -115,7 +115,7 @@
 			letter-spacing: normal;
 		}
 
-		.woocommerce-task-payment-wcpay__accepted__and-more {
+		.woocommerce-task-payment-wcpay__accepted-and-more {
 			white-space: nowrap;
 		}
 	}