diff --git a/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.scss b/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.scss
index 16aa80b23..86d3bd7ae 100644
--- a/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.scss
+++ b/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.scss
@@ -5,3 +5,12 @@
 .change-password-form {
   width: 100%;
 }
+
+ion-input {
+  border: none;
+  background: transparent;
+
+  ::ng-deep .native-input {
+    box-shadow: none;
+  }
+}
diff --git a/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.ts b/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.ts
index 27f74e7b2..962740cbc 100644
--- a/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.ts
+++ b/interfaces/IBF-dashboard/src/app/components/change-password-popover/change-password-popover.component.ts
@@ -1,4 +1,5 @@
 import { Component, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy } from '@angular/core';
 import { NgForm } from '@angular/forms';
 import { PopoverController } from '@ionic/angular';
 import { AuthService } from 'src/app/auth/auth.service';
@@ -7,6 +8,7 @@ import { AuthService } from 'src/app/auth/auth.service';
   selector: 'app-change-password-popover',
   templateUrl: './change-password-popover.component.html',
   styleUrls: ['./change-password-popover.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ChangePasswordPopoverComponent {
   @ViewChild('changePasswordForm')
@@ -34,9 +36,9 @@ export class ChangePasswordPopoverComponent {
       return;
     }
 
-    this.authService.changePassword(this.model.newPassword).add(() => {
+    this.authService.changePassword(this.model.newPassword).add(async () => {
       this.changePasswordForm.resetForm();
-      this.popoverController.dismiss();
+      await this.popoverController.dismiss();
     });
   }
 
@@ -44,7 +46,7 @@ export class ChangePasswordPopoverComponent {
     this.showDifferentPasswordMessage = false;
   }
 
-  public closePopover(): void {
-    this.popoverController.dismiss();
+  public async closePopover(): Promise<void> {
+    await this.popoverController.dismiss();
   }
 }
diff --git a/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.html b/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.html
index 13bfe4a20..db3de4229 100644
--- a/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.html
+++ b/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.html
@@ -67,7 +67,12 @@
     Log In
     <ion-icon slot="end" name="enter"></ion-icon>
   </app-ibf-button>
-  <div (click)="presentPopover()" class="ion-margin-vertical">
+  <div
+    (click)="presentPopover()"
+    (keydown.enter)="presentPopover()"
+    tabindex="0"
+    class="ion-margin-vertical"
+  >
     <ion-text
       style="cursor: pointer; text-decoration: underline"
       color="ibf-no-alert-primary"
diff --git a/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.scss b/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.scss
index 388bff132..a86e3b685 100644
--- a/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.scss
+++ b/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.scss
@@ -2,6 +2,15 @@ ion-label[position='stacked'] {
   --color: var(--ion-color-ibf-no-alert-primary);
 }
 
+ion-input {
+  border: none;
+  background: transparent;
+
+  ::ng-deep .native-input {
+    box-shadow: none;
+  }
+}
+
 .eye-button {
   --color: var(--ion-color-ibf-no-alert-primary);
 }
diff --git a/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.ts b/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.ts
index ee9e5a065..3ea783cd2 100644
--- a/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.ts
+++ b/interfaces/IBF-dashboard/src/app/components/login-form/login-form.component.ts
@@ -1,12 +1,15 @@
 import { Component, ViewChild } from '@angular/core';
+import { ChangeDetectionStrategy } from '@angular/core';
 import { NgForm } from '@angular/forms';
 import { PopoverController } from '@ionic/angular';
 import { AuthService } from 'src/app/auth/auth.service';
 import { ForgotPasswordPopoverComponent } from 'src/app/components/forgot-password-popover/forgot-password-popover.component';
+
 @Component({
   selector: 'app-login-form',
   templateUrl: './login-form.component.html',
   styleUrls: ['./login-form.component.scss'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class LoginFormComponent {
   @ViewChild('loginForm')
@@ -43,7 +46,7 @@ export class LoginFormComponent {
       showBackdrop: true,
     });
 
-    popover.present();
+    await popover.present();
   }
 
   isPassword() {
diff --git a/services/API-service/src/api/user/dto/create-user.dto.ts b/services/API-service/src/api/user/dto/create-user.dto.ts
index cdc70f851..61aa74aec 100644
--- a/services/API-service/src/api/user/dto/create-user.dto.ts
+++ b/services/API-service/src/api/user/dto/create-user.dto.ts
@@ -35,7 +35,7 @@ export class CreateUserDto {
   @IsNotEmpty()
   public firstName: string;
 
-  @ApiProperty({ required: false })
+  @ApiProperty({ example: 'middle-name', required: false })
   @IsString()
   @IsOptional()
   public middleName?: string;