diff --git a/src/app/holder/contacts/contacts.component.ts b/src/app/holder/contacts/contacts.component.ts
index e02221c..5bfdb73 100644
--- a/src/app/holder/contacts/contacts.component.ts
+++ b/src/app/holder/contacts/contacts.component.ts
@@ -33,8 +33,15 @@ export class ContactsComponent {
 
   @Output() hasContacts = new EventEmitter<boolean>();
 
-  @ViewChild(MatPaginator) paginator!: MatPaginator;
-  @ViewChild(MatSort) sort!: MatSort;
+  @ViewChild(MatPaginator, { static: false })
+  set paginator(value: MatPaginator) {
+    this.dataSource.paginator = value;
+  }
+
+  @ViewChild(MatSort, { static: false })
+  set sort(value: MatSort) {
+    this.dataSource.sort = value;
+  }
 
   displayedColumns: string[] = ['firstName', 'lastName', 'title', 'phone', 'mobile', 'email', 'actions'];
   dataSource = new MatTableDataSource<any>();