diff --git a/webapp/components/signup_user_complete.jsx b/webapp/components/signup_user_complete.jsx
index 9d65aee192..254478e03a 100644
--- a/webapp/components/signup_user_complete.jsx
+++ b/webapp/components/signup_user_complete.jsx
@@ -43,6 +43,7 @@ export default class SignupUserComplete extends React.Component {
             usedBefore: false,
             email: '',
             teamDisplayName: '',
+            signupDisabledError: '',
             teamName: '',
             teamId: '',
             openServer: false,
@@ -161,6 +162,15 @@ export default class SignupUserComplete extends React.Component {
             inviteId,
             loading
         });
+
+        this.setState({
+            signupDisabledError: (
+                <FormattedMessage
+                    id='signup_user_completed.none'
+                    defaultMessage='No user creation method has been enabled. Please contact an administrator for access.'
+                />
+            )
+        });
     }
 
     handleLdapSignup(e) {
@@ -724,12 +734,10 @@ export default class SignupUserComplete extends React.Component {
 
         if (signupMessage.length === 0 && !emailSignup && !ldapSignup) {
             emailSignup = (
-                <div>
-                    <FormattedMessage
-                        id='signup_user_completed.none'
-                        defaultMessage='No user creation method has been enabled.  Please contact an administrator for access.'
-                    />
-                </div>
+                <FormError
+                    error={this.state.signupDisabledError}
+                    margin={true}
+                />
             );
         }