diff --git a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html
index 18269185e..6e665fe8a 100644
--- a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html
+++ b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.html
@@ -89,7 +89,7 @@
         <div class="project-stats-item">
           <mat-icon svgIcon="red:files"></mat-icon>
           <div>
-            <div class="heading">1324</div>
+            <div class="heading">{{totalPages}}</div>
             <div>Analyzed pages</div>
           </div>
         </div>
diff --git a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.ts b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.ts
index 901b6acf3..c2fab6292 100644
--- a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.ts
+++ b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-screen.component.ts
@@ -39,9 +39,9 @@ export class ProjectListingScreenComponent implements OnInit {
       { value: this.inactiveProjects, color: 'archived', label: 'Archived' }
     ];
     this.documentsChartData = [
-      { value: 20, color: 'unassigned', label: 'unassigned' },
-      { value: 40, color: 'under-review', label: 'under review' },
-      { value: 16, color: 'under-approval', label: 'under approval' },
+      { value: this.appStateService.totalDocuments, color: 'unassigned', label: 'unassigned' },
+      // { value: 40, color: 'under-review', label: 'under review' },
+      // { value: 16, color: 'under-approval', label: 'under approval' },
     ]
   }
 
@@ -81,6 +81,9 @@ export class ProjectListingScreenComponent implements OnInit {
     });
   }
 
+  get totalPages(){
+    return this.appStateService.totalAnalysedPages;
+  }
 
   documentCount(project: ProjectWrapper) {
     return project.files.length;
diff --git a/apps/red-ui/src/app/state/app-state.service.ts b/apps/red-ui/src/app/state/app-state.service.ts
index 6b86985aa..4b9e47d01 100644
--- a/apps/red-ui/src/app/state/app-state.service.ts
+++ b/apps/red-ui/src/app/state/app-state.service.ts
@@ -56,6 +56,14 @@ export class AppStateService {
     return this._appState.activeFile;
   }
 
+  get totalAnalysedPages(){
+    return this._appState.totalAnalysedPages;
+  }
+
+  get totalDocuments(){
+    return this._appState.totalDocuments ;
+  }
+
   async loadAllProjects() {
     const projects = await this._projectControllerService.getProjects().toPromise();
     if(projects) {