From d2bfa13d0a63a8f6f2a96e8ce14a0f3dcc960e7a Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Mon, 16 Sep 2019 22:41:46 -0400
Subject: [PATCH] set size of join flow next step spinner

---
 src/components/join-flow/next-step-button.jsx  | 16 ++++++++--------
 src/components/join-flow/next-step-button.scss |  5 +++++
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/src/components/join-flow/next-step-button.jsx b/src/components/join-flow/next-step-button.jsx
index 16a447688..04b30ac43 100644
--- a/src/components/join-flow/next-step-button.jsx
+++ b/src/components/join-flow/next-step-button.jsx
@@ -16,14 +16,14 @@ const NextStepButton = props => (
         type="submit"
         {...omit(props, ['intl', 'text', 'waiting'])}
     >
-        {props.waiting ?
-            <Spinner /> : (
-                <ModalTitle
-                    className="next-step-title"
-                    title={props.content ? props.content : props.intl.formatMessage({id: 'general.next'})}
-                />
-            )
-        }
+        {props.waiting ? (
+            <Spinner className="next-step-spinner" />
+        ) : (
+            <ModalTitle
+                className="next-step-title"
+                title={props.content ? props.content : props.intl.formatMessage({id: 'general.next'})}
+            />
+        )}
     </button>
 );
 
diff --git a/src/components/join-flow/next-step-button.scss b/src/components/join-flow/next-step-button.scss
index 0b4bfc7ad..366972f11 100644
--- a/src/components/join-flow/next-step-button.scss
+++ b/src/components/join-flow/next-step-button.scss
@@ -22,3 +22,8 @@
     justify-content: center;
     align-items: center;
 }
+
+.next-step-spinner {
+    width: 2.625rem;
+    height: 2.625rem;
+}