diff --git a/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.html b/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.html
index 23326705d..4de2ac727 100644
--- a/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.html
+++ b/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.html
@@ -71,7 +71,7 @@
 
 </div>
 
-<div class="alert" *ngIf="loans.length === 0">
+<div class="alert" *ngIf="loans && loans.length === 0">
 
   <div class="message">
     <i class="fa fa-exclamation-circle alert-check"></i>
diff --git a/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.ts b/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.ts
index fa2b1fca4..4cb699fb3 100644
--- a/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.ts
+++ b/src/app/system/manage-jobs/cob-workflow/loan-locked/loan-locked.component.ts
@@ -17,7 +17,7 @@ import { TasksService } from 'app/tasks/tasks.service';
 export class LoanLockedComponent implements OnInit {
 
   /** Loans Data */
-  loans: any[];
+  loans: any[] = [];
   /** Batch Requests */
   batchRequests: any[];
   /** Datasource for loans disbursal table */
@@ -71,6 +71,7 @@ export class LoanLockedComponent implements OnInit {
   getLoansLocked(page: number) {
     this.tasksService.getAllLoansLocked(page, this.pageSize).subscribe((data: any) => {
       this.loans = data.content;
+      this.dataSource = new MatTableDataSource(this.loans);
       this.allowRunInlineJob = false;
       this.selection = new SelectionModel(true, []);
     });