From f62c08b0e148486f5ed2b04d3bc9dba1fb5e0fe7 Mon Sep 17 00:00:00 2001
From: julianajlk <julianajlk@gmail.com>
Date: Tue, 28 Sep 2021 21:01:09 -0400
Subject: [PATCH] Refactor upgrade notification button width to fix responsive
 version

---
 .../upgrade-notification/UpgradeNotification.jsx  | 15 ++++++++-------
 .../upgrade-notification/UpgradeNotification.scss |  5 ++---
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/generic/upgrade-notification/UpgradeNotification.jsx b/src/generic/upgrade-notification/UpgradeNotification.jsx
index d44a4e8b..deb28bd2 100644
--- a/src/generic/upgrade-notification/UpgradeNotification.jsx
+++ b/src/generic/upgrade-notification/UpgradeNotification.jsx
@@ -463,13 +463,14 @@ function UpgradeNotification({
       <div className="upgrade-notification-message">
         {upsellMessage}
       </div>
-      <UpgradeButton
-        offer={offer}
-        onClick={logClick}
-        verifiedMode={verifiedMode}
-        className="upgrade-notification-button"
-        block
-      />
+      <div className="upgrade-notification-button">
+        <UpgradeButton
+          offer={offer}
+          onClick={logClick}
+          verifiedMode={verifiedMode}
+          block
+        />
+      </div>
       {offerCode}
     </section>
   );
diff --git a/src/generic/upgrade-notification/UpgradeNotification.scss b/src/generic/upgrade-notification/UpgradeNotification.scss
index 159158f1..1ec00c5c 100644
--- a/src/generic/upgrade-notification/UpgradeNotification.scss
+++ b/src/generic/upgrade-notification/UpgradeNotification.scss
@@ -34,9 +34,8 @@
 }
 
 .upgrade-notification-button {
-  width: 90%;
-  margin: 0 auto;
-  margin-bottom: 1.25rem;
+  padding: 1.25rem;
+  padding-top: 0;
 }
 
 .discount-info {