From 13a7785315bfdf6a4d989d77e965b9dafa164f31 Mon Sep 17 00:00:00 2001
From: Anthony <contact@anthonymayfield.com>
Date: Tue, 29 Mar 2022 17:58:11 +0200
Subject: [PATCH] fix css bug

---
 ui/page/settingsStripeCard/view.jsx | 1 +
 ui/scss/component/_stripe-card.scss | 8 +++++---
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/page/settingsStripeCard/view.jsx b/ui/page/settingsStripeCard/view.jsx
index 15108dee6..bd187877f 100644
--- a/ui/page/settingsStripeCard/view.jsx
+++ b/ui/page/settingsStripeCard/view.jsx
@@ -446,6 +446,7 @@ class SettingsStripeCard extends React.Component<Props, State> {
             )}
             <Card
               title={__('Card Details')}
+              className="add-payment-card-div"
               body={
                 <>
                   <Plastic
diff --git a/ui/scss/component/_stripe-card.scss b/ui/scss/component/_stripe-card.scss
index 30fd38a48..552b22e2d 100644
--- a/ui/scss/component/_stripe-card.scss
+++ b/ui/scss/component/_stripe-card.scss
@@ -413,9 +413,11 @@ pre {
   display: block;
 }
 
-.card__header--between,
-.card__title-section {
-  display: block;
+.add-payment-card-div {
+  .card__header--between,
+  .card__title-section {
+    display: block;
+  }
 }
 
 .currency-to-use-selector {