2 files changed, 14 insertions, 13 deletions

diff --git a/client/src/app/+login/login.component.html b/client/src/app/+login/login.component.html
index 10e25a936..834ea6e51 100644
--- a/client/src/app/+login/login.component.html
+++ b/client/src/app/+login/login.component.html
@@ -5,18 +5,7 @@
 </h1>
 
 <div class="margin-content">
-  <div class="alert alert-danger" i18n *ngIf="externalAuthError">
-    Sorry but there was an issue with the external login process. Please <a routerLink="/about">contact an administrator</a>.
-  </div>
-
   <ng-container *ngIf="!externalAuthError && !isAuthenticatedWithExternalAuth">
-    <div *ngIf="error" class="alert alert-danger">
-      {{ error }}
-
-      <span *ngIf="error === 'User email is not verified.'">
-        <a i18n routerLink="/verify-account/ask-send-email">Request new verification email.</a>
-      </span>
-    </div>
 
     <div class="alert pt-alert-primary" role="alert">
       <h5 class="alert-heading" i18n>
@@ -34,6 +23,18 @@
       </p>
     </div>
 
+    <div class="alert alert-danger" i18n *ngIf="externalAuthError">
+      Sorry but there was an issue with the external login process. Please <a class="link-orange" routerLink="/about">contact an administrator</a>.
+    </div>
+
+    <div *ngIf="error" class="alert alert-danger">
+      {{ error }}
+
+      <a *ngIf="error === 'User email is not verified.'" class="ms-1 link-orange" i18n routerLink="/verify-account/ask-send-email">
+        Request new verification email
+      </a>
+    </div>
+
     <div class="wrapper">
       <div class="login-form-and-externals">
 
diff --git a/client/src/app/+login/login.component.scss b/client/src/app/+login/login.component.scss
index 79a2081fe..d31d428f7 100644
--- a/client/src/app/+login/login.component.scss
+++ b/client/src/app/+login/login.component.scss
@@ -51,11 +51,11 @@ input[type=email] {
 }
 
 .wrapper,
-.pt-alert-primary {
+.alert {
   max-width: 1200px;
 }
 
-.pt-alert-primary {
+.alert {
   margin: 0 auto 30px;
 }