diff --git a/src/filters.js b/src/filters.js
index 97795f04f..dbb68d024 100644
--- a/src/filters.js
+++ b/src/filters.js
@@ -81,6 +81,11 @@ const lookup = (value) => {
   return returnValue;
 };
 
+const formatNumber = (value) => {
+  return typeof value === 'number' ? value.toLocaleString('en-GB') : value;
+};
+
 export {
-  lookup
+  lookup,
+  formatNumber
 };
diff --git a/src/views/Candidates/CandidatesList.vue b/src/views/Candidates/CandidatesList.vue
index 2858fc63d..588a70d57 100644
--- a/src/views/Candidates/CandidatesList.vue
+++ b/src/views/Candidates/CandidatesList.vue
@@ -29,7 +29,7 @@
           {{ new Date(row.created) | formatDate('long') }}
         </TableCell>
         <TableCell :title="tableColumns[2].title">
-          {{ countApplications(row) }}
+          {{ countApplications(row) | formatNumber }}
         </TableCell>
       </template>
     </Table>
diff --git a/src/views/Exercise/Applications.vue b/src/views/Exercise/Applications.vue
index c3520746a..eaa8e39f7 100644
--- a/src/views/Exercise/Applications.vue
+++ b/src/views/Exercise/Applications.vue
@@ -13,6 +13,7 @@
 
 <script>
 import SideNavigation from '@/components/Navigation/SideNavigation';
+import { formatNumber } from '@/filters';
 
 export default {
   components: {
@@ -32,15 +33,15 @@ export default {
       }
       const sideNavigation = [
         {
-          title: `Draft (${draft})`,
+          title: `Draft (${formatNumber(draft)})`,
           path: `${path}/draft`,
         },
         {
-          title: `Applied (${applied})`,
+          title: `Applied (${formatNumber(applied)})`,
           path: `${path}/applied`,
         },
         {
-          title: `Withdrawn (${withdrawn})`,
+          title: `Withdrawn (${formatNumber(withdrawn)})`,
           path: `${path}/withdrawn`,
         },
       ];
diff --git a/src/views/Exercise/Details/Overview.vue b/src/views/Exercise/Details/Overview.vue
index e0162925b..7b4044ef5 100644
--- a/src/views/Exercise/Details/Overview.vue
+++ b/src/views/Exercise/Details/Overview.vue
@@ -12,7 +12,7 @@
           Immediate start (S87)
           <span
             class="display-block govuk-heading-l govuk-!-margin-top-1"
-          >{{ exercise.immediateStart }}</span>
+          >{{ exercise.immediateStart | formatNumber }}</span>
         </p>
       </div>
 
@@ -30,13 +30,13 @@
           <div class="govuk-grid-column-one-half">
             <p class="govuk-body">
               Draft
-              <span class="govuk-heading-l govuk-!-margin-top-1">{{ draftApplications }}</span>
+              <span class="govuk-heading-l govuk-!-margin-top-1">{{ draftApplications | formatNumber }}</span>
             </p>
           </div>
           <div class="govuk-grid-column-one-half">
             <p class="govuk-body">
               Applied
-              <span class="govuk-heading-l govuk-!-margin-top-1">{{ appliedApplications }}</span>
+              <span class="govuk-heading-l govuk-!-margin-top-1">{{ appliedApplications | formatNumber }}</span>
             </p>
           </div>
         </div>
diff --git a/src/views/Exercise/Reports/Custom.vue b/src/views/Exercise/Reports/Custom.vue
index 894620f7b..37ab8a3ae 100644
--- a/src/views/Exercise/Reports/Custom.vue
+++ b/src/views/Exercise/Reports/Custom.vue
@@ -251,7 +251,7 @@
                 <td
                   class="govuk-table__cell govuk-table__cell--numeric"
                 >
-                  {{ row }}
+                  {{ row | formatNumber }}
                 </td>
               </tr>
             </tbody>
diff --git a/src/views/Exercise/Reports/Diversity.vue b/src/views/Exercise/Reports/Diversity.vue
index d2124409d..6b030db5d 100644
--- a/src/views/Exercise/Reports/Diversity.vue
+++ b/src/views/Exercise/Reports/Diversity.vue
@@ -65,7 +65,7 @@
               Total applications
             </span>
             <h2 class="govuk-heading-m govuk-!-margin-bottom-0">
-              {{ diversity.totalApplications }}
+              {{ diversity.totalApplications | formatNumber }}
             </h2>
           </div>
         </div>
diff --git a/src/views/Exercise/Reports/Handover.vue b/src/views/Exercise/Reports/Handover.vue
index 249f27226..fd1eb7882 100644
--- a/src/views/Exercise/Reports/Handover.vue
+++ b/src/views/Exercise/Reports/Handover.vue
@@ -54,7 +54,7 @@
             Approved for immediate appointment
           </span>
           <h2 class="govuk-heading-m govuk-!-margin-bottom-0">
-            {{ totalApplicationRecords }}
+            {{ totalApplicationRecords | formatNumber }}
           </h2>
         </div>
       </div>
diff --git a/src/views/Exercise/Reports/Outreach.vue b/src/views/Exercise/Reports/Outreach.vue
index 8f8183a45..610ce013d 100644
--- a/src/views/Exercise/Reports/Outreach.vue
+++ b/src/views/Exercise/Reports/Outreach.vue
@@ -65,7 +65,7 @@
               Total applications
             </span>
             <h2 class="govuk-heading-m govuk-!-margin-bottom-0">
-              {{ report.totalApplications }}
+              {{ report.totalApplications | formatNumber }}
             </h2>
           </div>
         </div>
diff --git a/src/views/Exercise/Reports/ReasonableAdjustments.vue b/src/views/Exercise/Reports/ReasonableAdjustments.vue
index 7e87fdb40..e5e721b71 100644
--- a/src/views/Exercise/Reports/ReasonableAdjustments.vue
+++ b/src/views/Exercise/Reports/ReasonableAdjustments.vue
@@ -49,7 +49,7 @@
             Total applications
           </span>
           <h2 class="govuk-heading-m govuk-!-margin-bottom-0">
-            {{ report.totalApplications }}
+            {{ report.totalApplications | formatNumber }}
           </h2>
         </div>
       </div>
@@ -59,7 +59,7 @@
             Reasonable adjustments requests
           </span>
           <h2 class="govuk-heading-m govuk-!-margin-bottom-0">
-            {{ report.rows.length }}
+            {{ report.rows.length | formatNumber }}
           </h2>
         </div>
       </div>
diff --git a/src/views/Exercise/Stages.vue b/src/views/Exercise/Stages.vue
index 9b1cdfaf1..4ae1fcf21 100644
--- a/src/views/Exercise/Stages.vue
+++ b/src/views/Exercise/Stages.vue
@@ -13,6 +13,8 @@
 
 <script>
 import SideNavigation from '@/components/Navigation/SideNavigation';
+import { formatNumber } from '@/filters';
+
 export default {
   components: {
     SideNavigation,
@@ -35,23 +37,23 @@ export default {
       }
       const sideNavigation = [
         {
-          title: `Review (${review})`,
+          title: `Review (${formatNumber(review)})`,
           path: `${path}/review`,
         },
         {
-          title: `Shortlisted (${shortlisted})`,
+          title: `Shortlisted (${formatNumber(shortlisted)})`,
           path: `${path}/shortlisted`,
         },
         {
-          title: `Selected (${selected})`,
+          title: `Selected (${formatNumber(selected)})`,
           path: `${path}/selected`,
         },
         {
-          title: `Recommended (${recommended})`,
+          title: `Recommended (${formatNumber(recommended)})`,
           path: `${path}/recommended`,
         },
         {
-          title: `Handover (${handover})`,
+          title: `Handover (${formatNumber(handover)})`,
           path: `${path}/handover`,
         },
       ];
diff --git a/src/views/Exercise/Tasks/IndependentAssessments.vue b/src/views/Exercise/Tasks/IndependentAssessments.vue
index 5ec00971b..e10ff97ad 100644
--- a/src/views/Exercise/Tasks/IndependentAssessments.vue
+++ b/src/views/Exercise/Tasks/IndependentAssessments.vue
@@ -13,7 +13,7 @@
             Sent
           </span>
           <h2 class="govuk-heading-m govuk-!-margin-bottom-0">
-            {{ assessmentsSent }}
+            {{ assessmentsSent | formatNumber }}
           </h2>
         </div>
       </div>
@@ -21,7 +21,7 @@
         <div class="panel govuk-!-margin-bottom-9">
           <span class="govuk-caption-m">Completed</span>
           <h2 class="govuk-heading-m govuk-!-margin-bottom-0">
-            {{ assessmentsCompleted }}
+            {{ assessmentsCompleted | formatNumber }}
           </h2>
         </div>
       </div>
@@ -273,20 +273,20 @@
               v-if="applicationRecordCounts.review"
               value="review"
             >
-              Review ({{ applicationRecordCounts.review }})
+              Review ({{ applicationRecordCounts.review | formatNumber }})
             </option>
             <option
               v-if="applicationRecordCounts.shortlisted"
               value="shortlisted"
             >
-              Shortlisted ({{ applicationRecordCounts.shortlisted }})
+              Shortlisted ({{ applicationRecordCounts.shortlisted | formatNumber }})
             </option>
 
             <option
               v-if="applicationRecordCounts.selected"
               value="selected"
             >
-              Selected ({{ applicationRecordCounts.selected }})
+              Selected ({{ applicationRecordCounts.selected | formatNumber }})
             </option>
           </select>
 
diff --git a/src/views/Exercise/Tasks/QualifyingTests/QualifyingTest/View.vue b/src/views/Exercise/Tasks/QualifyingTests/QualifyingTest/View.vue
index bf8708354..5688711d0 100644
--- a/src/views/Exercise/Tasks/QualifyingTests/QualifyingTest/View.vue
+++ b/src/views/Exercise/Tasks/QualifyingTests/QualifyingTest/View.vue
@@ -72,7 +72,7 @@
           </RouterLink>
           <span
             class="display-block govuk-heading-l govuk-!-margin-top-1"
-          >{{ qualifyingTest.counts.initialised }} / {{ qualifyingTest.counts.activated }}</span>
+          >{{ qualifyingTest.counts.initialised | formatNumber }} / {{ qualifyingTest.counts.activated | formatNumber }}</span>
         </p>
         <p class="govuk-body">
           <RouterLink
@@ -82,7 +82,7 @@
           </RouterLink> / Auto-submitted
           <span
             class="display-block govuk-heading-l govuk-!-margin-top-1"
-          >{{ qualifyingTest.counts.completed }} / {{ qualifyingTest.counts.outOfTime }}</span>
+          >{{ qualifyingTest.counts.completed | formatNumber }} / {{ qualifyingTest.counts.outOfTime | formatNumber }}</span>
         </p>
       </div>
     </div>
@@ -103,7 +103,7 @@
           >
             Started
           </RouterLink>
-          <span class="govuk-heading-l govuk-!-margin-top-1">{{ qualifyingTest.counts.started }}</span>
+          <span class="govuk-heading-l govuk-!-margin-top-1">{{ qualifyingTest.counts.started | formatNumber }}</span>
         </p>
         <p class="govuk-body">
           <RouterLink
@@ -111,7 +111,7 @@
           >
             In Progress
           </RouterLink>
-          <span class="govuk-heading-l govuk-!-margin-top-1">{{ qualifyingTest.counts.inProgress }}</span>
+          <span class="govuk-heading-l govuk-!-margin-top-1">{{ qualifyingTest.counts.inProgress | formatNumber }}</span>
         </p>
       </div>
     </div>
@@ -187,19 +187,19 @@
                 v-if="applicationRecordCounts.review"
                 value="review"
               >
-                Review ({{ applicationRecordCounts.review }})
+                Review ({{ applicationRecordCounts.review | formatNumber }})
               </option>
               <option
                 v-if="applicationRecordCounts.shortlisted"
                 value="shortlisted"
               >
-                Shortlisted ({{ applicationRecordCounts.shortlisted }})
+                Shortlisted ({{ applicationRecordCounts.shortlisted | formatNumber }})
               </option>
               <option
                 v-if="applicationRecordCounts.selected"
                 value="selected"
               >
-                Selected ({{ applicationRecordCounts.selected }})
+                Selected ({{ applicationRecordCounts.selected | formatNumber }})
               </option>
             </Select>
             <Select
@@ -214,19 +214,19 @@
                 v-if="applicationRecordCounts.reviewEMP"
                 value="review"
               >
-                Review ({{ applicationRecordCounts.reviewEMP }})
+                Review ({{ applicationRecordCounts.reviewEMP | formatNumber }})
               </option>
               <option
                 v-if="applicationRecordCounts.shortlistedEMP"
                 value="shortlisted"
               >
-                Shortlisted ({{ applicationRecordCounts.shortlistedEMP }})
+                Shortlisted ({{ applicationRecordCounts.shortlistedEMP | formatNumber }})
               </option>
               <option
                 v-if="applicationRecordCounts.selectedEMP"
                 value="selected"
               >
-                Selected ({{ applicationRecordCounts.selectedEMP }})
+                Selected ({{ applicationRecordCounts.selectedEMP | formatNumber }})
               </option>
             </Select>
           </div>
diff --git a/src/views/Exercises.vue b/src/views/Exercises.vue
index 1b68baf23..4c83a5d75 100644
--- a/src/views/Exercises.vue
+++ b/src/views/Exercises.vue
@@ -115,7 +115,7 @@
                 class="govuk-table__cell--numeric"
                 :title="tableColumns[4].title"
               >
-                {{ row.applicationsCount }}
+                {{ row.applicationsCount | formatNumber }}
               </TableCell>
             </template>
           </Table>
diff --git a/tests/unit/filters.spec.js b/tests/unit/filters.spec.js
new file mode 100644
index 000000000..b7ae49b07
--- /dev/null
+++ b/tests/unit/filters.spec.js
@@ -0,0 +1,13 @@
+import { formatNumber } from '@/filters';
+
+describe('filters', () => {
+  it('formatNumber', () => {
+    expect(formatNumber(100)).toEqual('100');
+    expect(formatNumber(1000)).toEqual('1,000');
+    expect(formatNumber(100000)).toEqual('100,000');
+    expect(formatNumber(1000000)).toEqual('1,000,000');
+    expect(formatNumber('1000')).toEqual('1000');
+    expect(formatNumber(null)).toEqual(null);
+    expect(formatNumber(undefined)).toEqual(undefined);
+  });
+});