From 4c4edc1c03ae1f8e7dc3d59945c00821ca2adfd8 Mon Sep 17 00:00:00 2001
From: Ilyas Foo <foo.ilyas@gmail.com>
Date: Thu, 7 Apr 2022 11:23:04 +0800
Subject: [PATCH] Fix css

---
 .../js/onboarding/src/components/WCPayAcceptedMethods.js  | 8 ++++----
 .../js/onboarding/src/components/WCPayCard/WCPayCard.scss | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

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;
 		}
 	}