diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html
index c9837d9..59ac6f3 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html
@@ -11,7 +11,7 @@
           type="text"
           required
           name="username">
-          <mat-error *ngIf="signUpFormGroup?.get('newAccount')?.controls?.username?.hasError('required')">
+          <mat-error *ngIf="signUpFormGroup?.get('newAccount')['controls']?.username?.hasError('required')">
             Username is required
           </mat-error>
           <mat-icon matSuffix>person</mat-icon>
@@ -26,7 +26,7 @@
           type="password"
           name="password"/>
         <mat-icon matSuffix>lock</mat-icon>
-        <mat-error *ngIf="signUpFormGroup?.get('newAccount')?.controls?.password?.hasError('required')">
+        <mat-error *ngIf="signUpFormGroup?.get('newAccount')['controls']?.password?.hasError('required')">
           Password is required
         </mat-error>
       </mat-form-field>
@@ -40,10 +40,10 @@
           type="password"
           name="confirmPassword"/>
         <mat-icon matSuffix >lock</mat-icon>
-        <mat-error *ngIf="signUpFormGroup?.get('newAccount')?.controls?.confirmPassword?.hasError('required')">
+        <mat-error *ngIf="signUpFormGroup?.get('newAccount')['controls']?.confirmPassword?.hasError('required')">
           Confirm your password
         </mat-error>
-        <mat-error class="password-mismatch" *ngIf="signUpFormGroup?.get('newAccount')?.controls?.confirmPassword?.hasError('mismatch')">
+        <mat-error class="password-mismatch" *ngIf="signUpFormGroup?.get('newAccount')['controls']?.confirmPassword?.hasError('mismatch')">
           Please make sure your passwords match
         </mat-error>
       </mat-form-field>
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html
index 5b673af..4e5cc02 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html
@@ -12,7 +12,7 @@
           type="text"
           required
           name="username">
-          <mat-error *ngIf="signInFormGroup?.get('signIn')?.controls?.username?.hasError('required')">
+          <mat-error *ngIf="signInFormGroup?.get('signIn')['controls']?.username?.hasError('required')">
             Username is required
           </mat-error>
           <mat-icon matSuffix>person</mat-icon>
@@ -28,7 +28,7 @@
           type="password"
           name="password"/>
         <mat-icon matSuffix>lock</mat-icon>
-        <mat-error *ngIf="signInFormGroup?.get('signIn')?.controls?.password?.hasError('required')">
+        <mat-error *ngIf="signInFormGroup?.get('signIn')['controls']?.password?.hasError('required')">
           Password is required
         </mat-error>
       </mat-form-field>