diff --git a/smp-angular/src/app/user/user-details-dialog/user-details-dialog.component.html b/smp-angular/src/app/user/user-details-dialog/user-details-dialog.component.html
index b22730bc83245c6f299c2d0103e7ec7743d46bd4..a5c42c65adc82b6a04d59f3d6f4ab011973014c0 100644
--- a/smp-angular/src/app/user/user-details-dialog/user-details-dialog.component.html
+++ b/smp-angular/src/app/user/user-details-dialog/user-details-dialog.component.html
@@ -21,6 +21,9 @@
         <input matInput placeholder="Email address" name="emailAddress" [formControl]="userForm.controls['emailAddress']"
                id="emailAddress_id" maxlength="255">
       </mat-form-field>
+      <div *ngIf="userForm.controls['emailAddress'].hasError('pattern') && userForm.controls['emailAddress'].touched"
+           class="has-error">Email is invalid!
+      </div>
 
     </mat-card-content>
   </mat-card>