diff --git a/frontend/src/ForgotPassword/ForgotPasswordPage.jsx b/frontend/src/ForgotPassword/ForgotPasswordPage.jsx
index 141b729cb2..a687d22c79 100644
--- a/frontend/src/ForgotPassword/ForgotPasswordPage.jsx
+++ b/frontend/src/ForgotPassword/ForgotPasswordPage.jsx
@@ -86,7 +86,7 @@ class ForgotPasswordComponent extends React.Component {
             </div>
           </form>
           <div className="text-center text-muted mt-3">
-            {this.props.t('loginSignupPage.dontHaveAccount', `Don't have account yet?`)}
+            {this.props.t('loginSignupPage.dontHaveAccount', `Don't have account yet?`)}&nbsp;
             <Link to={'/signup'} tabIndex="-1">
               {this.props.t('loginSignupPage.signUp', `Sign up`)}
             </Link>
diff --git a/frontend/src/LoginPage/LoginPage.jsx b/frontend/src/LoginPage/LoginPage.jsx
index fd83b1593b..f2fac74e03 100644
--- a/frontend/src/LoginPage/LoginPage.jsx
+++ b/frontend/src/LoginPage/LoginPage.jsx
@@ -251,7 +251,7 @@ class LoginPageComponent extends React.Component {
           </form>
           {!this.organizationId && configs?.form?.enabled && configs?.form?.enable_sign_up && (
             <div className="text-center text-secondary mt-3" data-cy="sign-up-message">
-              {this.props.t('loginSignupPage.dontHaveAccount', `Don't have account yet?`)}
+              {this.props.t('loginSignupPage.dontHaveAccount', `Don't have account yet?`)}&nbsp;
               <Link to={'/signup'} tabIndex="-1" data-cy="sign-up-link">
                 {this.props.t('loginSignupPage.signUp', `Sign up`)}
               </Link>