diff --git a/nextjs-app/components/SecondarySchoolDetailView.tsx b/nextjs-app/components/SecondarySchoolDetailView.tsx
index 00e124a..624b128 100644
--- a/nextjs-app/components/SecondarySchoolDetailView.tsx
+++ b/nextjs-app/components/SecondarySchoolDetailView.tsx
@@ -215,9 +215,9 @@ export function SecondarySchoolDetailView({
                   </a>
                 </span>
               )}
-              {latestResults?.total_pupils != null && (
+              {(schoolInfo.total_pupils != null || latestResults?.total_pupils != null) && (
                 <span className={styles.headerDetail}>
-                  <strong>Pupils:</strong> {latestResults.total_pupils.toLocaleString()}
+                  <strong>Pupils:</strong> {(schoolInfo.total_pupils ?? latestResults!.total_pupils!).toLocaleString()}
                   {schoolInfo.capacity != null && ` (capacity: ${schoolInfo.capacity})`}
                 </span>
               )}
@@ -716,10 +716,10 @@ export function SecondarySchoolDetailView({
                     <div className={styles.metricHint}>Education, Health and Care Plan</div>
                   </div>
                 )}
-                {latestResults?.total_pupils != null && (
+                {(schoolInfo.total_pupils != null || latestResults?.total_pupils != null) && (
                   <div className={styles.metricCard}>
                     <div className={styles.metricLabel}>Total pupils</div>
-                    <div className={styles.metricValue}>{latestResults.total_pupils.toLocaleString()}</div>
+                    <div className={styles.metricValue}>{(schoolInfo.total_pupils ?? latestResults!.total_pupils!).toLocaleString()}</div>
                     {schoolInfo.capacity != null && (
                       <div className={styles.metricHint}>Capacity: {schoolInfo.capacity}</div>
                     )}