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;
+}