From 28d363e65ade37aec31083837c5c3438de3ac51d Mon Sep 17 00:00:00 2001
From: Ashraf Nazar <ashraf.caspian@gmail.com>
Date: Thu, 26 Mar 2020 17:40:59 +0000
Subject: [PATCH] fix(client): adjust CTA button width depending on viewport
 (#38432)

---
 client/src/components/Intro/index.js   | 2 +-
 client/src/components/landing/index.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/Intro/index.js b/client/src/components/Intro/index.js
index 8dd20bb5f2..7d03941d64 100644
--- a/client/src/components/Intro/index.js
+++ b/client/src/components/Intro/index.js
@@ -107,7 +107,7 @@ function Intro({
               <h2 className='medium-heading'>Spotify</h2>
             </div>
           </Col>
-          <Col sm={10} smOffset={1} xs={12}>
+          <Col md={6} mdOffset={3} sm={8} smOffset={2} xs={12}>
             <button
               className={'btn-cta-big signup-btn btn-cta center-block'}
               onClick={() => {
diff --git a/client/src/components/landing/index.js b/client/src/components/landing/index.js
index f9728adf36..fe0667e359 100644
--- a/client/src/components/landing/index.js
+++ b/client/src/components/landing/index.js
@@ -16,7 +16,7 @@ const propTypes = {
 
 const BigCallToAction = () => (
   <Row>
-    <Col sm={10} smOffset={1} xs={12}>
+    <Col md={6} mdOffset={3} sm={10} smOffset={1} xs={12}>
       <Login block={true}>Sign in and get started (it's free)</Login>
     </Col>
   </Row>