diff --git a/ui/src/app/pages/login/login.page.html b/ui/src/app/pages/login/login.page.html
index d75f3e3..fd55ff9 100644
--- a/ui/src/app/pages/login/login.page.html
+++ b/ui/src/app/pages/login/login.page.html
@@ -10,14 +10,13 @@
           <ion-item fill="solid">
             <ion-label position="floating">Email</ion-label>
             <ion-input type="email" formControlName="email"></ion-input>
-            <ion-note slot="helper">Enter a valid email</ion-note>
-            <ion-note slot="error">Invalid email</ion-note>
-            <ion-note slot="success">Valid email</ion-note>
+            <ion-note color="danger" *ngIf="form.get('email').touched && form.get('email').errors?.required">Email is mandatory</ion-note>
+            <ion-note color="danger" *ngIf="form.get('email').touched && form.get('email').errors?.email">Email is invalid</ion-note>
           </ion-item>
           <ion-item fill="solid">
             <ion-label position="floating">Password</ion-label>
             <ion-input type="Password" formControlName="password"></ion-input>
-            <ion-note slot="helper">Choose a secure password</ion-note>
+            <ion-note color="danger" *ngIf="form.get('password').touched && form.get('password').errors?.required">Password is mandatory</ion-note>
           </ion-item>  
           <ion-button fill="clear" [disabled]="!form.get('email').valid" >
             Forgot Password