From 1a8df33be1918804876b05cf7d35436635be6cd9 Mon Sep 17 00:00:00 2001
From: Tymur Biedukhin <tymur.biedukhin@bigcommerce.com>
Date: Wed, 21 Apr 2021 13:29:10 +0300
Subject: [PATCH] fix(storefront): BCTHEME-325 Apple pay button displaying
 needs to be fixed

---
 assets/scss/components/stencil/applePay/_applePay.scss    | 8 ++++++--
 .../scss/components/stencil/previewCart/_previewCart.scss | 5 ++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/assets/scss/components/stencil/applePay/_applePay.scss b/assets/scss/components/stencil/applePay/_applePay.scss
index dbaf8a4a8c..d1b0e7ce66 100644
--- a/assets/scss/components/stencil/applePay/_applePay.scss
+++ b/assets/scss/components/stencil/applePay/_applePay.scss
@@ -36,12 +36,16 @@
         display: block;
         float: right;
     }
+
+    & .previewCartCheckout {
+        .apple-pay-checkout-button {
+            display: inline-block;
+        }
+    }
 }
 
 .previewCartCheckout {
     .apple-pay-checkout-button {
-        display: inline-block;
         float: none;
-        margin-top: spacing("half");
     }
 }
diff --git a/assets/scss/components/stencil/previewCart/_previewCart.scss b/assets/scss/components/stencil/previewCart/_previewCart.scss
index e8967df692..52bb04ca2d 100644
--- a/assets/scss/components/stencil/previewCart/_previewCart.scss
+++ b/assets/scss/components/stencil/previewCart/_previewCart.scss
@@ -56,10 +56,13 @@
         width: 100%;
 
         // scss-lint:disable NestingDepth
-        + .button,
         + p {
             margin-top: spacing("half");
         }
+
+        &:not(:last-child) {
+            margin-bottom: spacing("half");
+        }
     }
 }