From ce777e43d2080da0b2c9062f42d356bb51e09c97 Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Wed, 2 Sep 2020 11:38:14 +0300
Subject: [PATCH] fix: align completion modal buttons (#39509)

---
 client/src/components/Header/components/Login.js         | 2 +-
 .../templates/Challenges/components/CompletionModal.js   | 9 +--------
 2 files changed, 2 insertions(+), 9 deletions(-)

diff --git a/client/src/components/Header/components/Login.js b/client/src/components/Header/components/Login.js
index b2a00d671ef..c1323312189 100644
--- a/client/src/components/Header/components/Login.js
+++ b/client/src/components/Header/components/Login.js
@@ -29,7 +29,7 @@ function Login(props) {
   return (
     <Button
       bsStyle='default'
-      className={(block ? 'btn-cta-big' : '') + ' signup-btn btn-cta'}
+      className={(block ? 'btn-cta-big btn-block' : '') + ' signup-btn btn-cta'}
       data-test-label={dataTestLabel}
       href={href}
       onClick={() => gtagReportConversion()}
diff --git a/client/src/templates/Challenges/components/CompletionModal.js b/client/src/templates/Challenges/components/CompletionModal.js
index d0c9286e07f..97808be6403 100644
--- a/client/src/templates/Challenges/components/CompletionModal.js
+++ b/client/src/templates/Challenges/components/CompletionModal.js
@@ -217,14 +217,7 @@ export class CompletionModalInner extends Component {
         </Modal.Body>
         <Modal.Footer>
           {isSignedIn ? null : (
-            <Login
-              block={true}
-              bsSize='lg'
-              bsStyle='primary'
-              className='btn-cta'
-            >
-              Sign in to save your progress
-            </Login>
+            <Login block={true}>Sign in to save your progress</Login>
           )}
           <Button
             block={true}