From 23503b3c6ea2320c9c9098e81a317d5c5272a40c Mon Sep 17 00:00:00 2001
From: Narek Zakarian <narekzakarian@gmail.com>
Date: Tue, 26 Nov 2024 18:34:57 +0400
Subject: [PATCH] Fix the separator styling

---
 .../reusable-components/_welcome-docs.scss         |  2 +-
 .../AcdcOptionalPaymentMethods.js                  | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/modules/ppcp-settings/resources/css/components/reusable-components/_welcome-docs.scss b/modules/ppcp-settings/resources/css/components/reusable-components/_welcome-docs.scss
index 15c5265e6..411d5a987 100644
--- a/modules/ppcp-settings/resources/css/components/reusable-components/_welcome-docs.scss
+++ b/modules/ppcp-settings/resources/css/components/reusable-components/_welcome-docs.scss
@@ -4,7 +4,7 @@
 	&__title {
 		text-align: center;
 		@include font(20, 28, 700);
-		margin: 0 0 32px 0;
+		margin: 32px 0 32px 0;
 	}
 
 	&__wrapper {
diff --git a/modules/ppcp-settings/resources/js/Components/ReusableComponents/OptionalPaymentMethods/AcdcOptionalPaymentMethods.js b/modules/ppcp-settings/resources/js/Components/ReusableComponents/OptionalPaymentMethods/AcdcOptionalPaymentMethods.js
index 2022cac60..f316a9a90 100644
--- a/modules/ppcp-settings/resources/js/Components/ReusableComponents/OptionalPaymentMethods/AcdcOptionalPaymentMethods.js
+++ b/modules/ppcp-settings/resources/js/Components/ReusableComponents/OptionalPaymentMethods/AcdcOptionalPaymentMethods.js
@@ -38,7 +38,7 @@ const AcdcOptionalPaymentMethods = ( {
 						'https://www.paypal.com/us/business/paypal-business-fees'
 					) }
 				/>
-				<Separator className="ppcp-r-page-welcome-mode-separator" />
+				<Separator className="ppcp-r-optional-payment-methods__separator" />
 				<BadgeBox
 					title={ __(
 						'Digital Wallets',
@@ -62,7 +62,7 @@ const AcdcOptionalPaymentMethods = ( {
 						'https://www.paypal.com/us/business/paypal-business-fees'
 					) }
 				/>
-				<Separator className="ppcp-r-page-welcome-mode-separator" />
+				<Separator className="ppcp-r-optional-payment-methods__separator" />
 				<BadgeBox
 					title={ __(
 						'Alternative Payment Methods',
@@ -88,7 +88,7 @@ const AcdcOptionalPaymentMethods = ( {
 						'https://www.paypal.com/us/business/paypal-business-fees'
 					) }
 				/>
-				<Separator className="ppcp-r-page-welcome-mode-separator" />
+				<Separator className="ppcp-r-optional-payment-methods__separator" />
 				<BadgeBox
 					title={ __( '', 'woocommerce-paypal-payments' ) }
 					imageBadge={ [ 'icon-payment-method-fastlane-small.svg' ] }
@@ -138,7 +138,7 @@ const AcdcOptionalPaymentMethods = ( {
 						'https://www.paypal.com/us/business/paypal-business-fees'
 					) }
 				/>
-				<Separator className="ppcp-r-page-welcome-mode-separator" />
+				<Separator className="ppcp-r-optional-payment-methods__separator" />
 				<BadgeBox
 					title={ __(
 						'Digital Wallets',
@@ -162,7 +162,7 @@ const AcdcOptionalPaymentMethods = ( {
 						'https://www.paypal.com/us/business/paypal-business-fees'
 					) }
 				/>
-				<Separator className="ppcp-r-page-welcome-mode-separator" />
+				<Separator className="ppcp-r-optional-payment-methods__separator" />
 				<BadgeBox
 					title={ __(
 						'Alternative Payment Methods',
@@ -219,7 +219,7 @@ const AcdcOptionalPaymentMethods = ( {
 					'https://www.paypal.com/us/business/paypal-business-fees'
 				) }
 			/>
-			<Separator className="ppcp-r-page-welcome-mode-separator" />
+			<Separator className="ppcp-r-optional-payment-methods__separator" />
 			<BadgeBox
 				title={ __( 'Digital Wallets', 'woocommerce-paypal-payments' ) }
 				imageBadge={ [
@@ -240,7 +240,7 @@ const AcdcOptionalPaymentMethods = ( {
 					'https://www.paypal.com/us/business/paypal-business-fees'
 				) }
 			/>
-			<Separator className="ppcp-r-page-welcome-mode-separator" />
+			<Separator className="ppcp-r-optional-payment-methods__separator" />
 			<BadgeBox
 				title={ __(
 					'Alternative Payment Methods',