diff --git a/role-verification/role-verification.component.ts b/role-verification/role-verification.component.ts
index e2ed0c9d..fe99347f 100644
--- a/role-verification/role-verification.component.ts
+++ b/role-verification/role-verification.component.ts
@@ -37,7 +37,7 @@ import {Composer} from "../utils/email/composer";
         </button>
       </div>
     </modal-alert>
-    <modal-alert *ngIf="service !== 'connect'" #memberModal>
+    <modal-alert *ngIf="service == 'monitor'" #memberModal>
       <div *ngIf="!isMember">
         <div>
           You have been invited to join <span class="uk-text-bold">{{name}}</span> Monitor Dashboard as a member.
@@ -47,7 +47,7 @@ import {Composer} from "../utils/email/composer";
         </div>
         <div *ngIf="!loading" class="uk-margin-medium-top uk-flex uk-flex-wrap uk-flex-center">
           <div dashboard-input [formInput]="code" class="uk-width-medium" placeholder="Write verification code">
-            <span *ngIf="error" error>{{error}}</span>>
+            <span *ngIf="error" error>{{error}}</span>
           </div>
         </div>
         <div *ngIf="loading" class="uk-margin-medium-top">
@@ -95,9 +95,9 @@ export class RoleVerificationComponent implements OnInit, OnDestroy {
   public verification: any;
   public code: FormControl;
   private subs: any[] = [];
-  @ViewChild('managerModal', { static: true }) managerModal: AlertModal;
-  @ViewChild('memberModal', { static: true }) memberModal: AlertModal;
-  @ViewChild('errorModal', { static: true }) errorModal: AlertModal;
+  @ViewChild('managerModal', { static: false }) managerModal: AlertModal;
+  @ViewChild('memberModal', { static: false }) memberModal: AlertModal;
+  @ViewChild('errorModal', { static: false }) errorModal: AlertModal;
   public error: string = null;
   public loading: boolean = false;
   public isMember: boolean = false;