diff --git a/packages/server/src/ui/routes/project-dashboard/category-card.jsx b/packages/server/src/ui/routes/project-dashboard/category-card.jsx
index 5d34f1da5..1590c2735 100644
--- a/packages/server/src/ui/routes/project-dashboard/category-card.jsx
+++ b/packages/server/src/ui/routes/project-dashboard/category-card.jsx
@@ -129,10 +129,10 @@ const MetricDistributionGraphs = props => {
         scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['first-contentful-paint']}
       />
       <MetricDistributionGraph
-        abbreviation={'SI'}
-        label={'Speed Index'}
-        statistics={stats('audit_speed-index_median')}
-        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['speed-index']}
+        abbreviation={'LCP'}
+        label={'Largest Contentful Paint'}
+        statistics={stats('audit_largest-contentful-paint_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['largest-contentful-paint']}
       />
       <MetricDistributionGraph
         abbreviation={'TTI'}
@@ -140,6 +140,24 @@ const MetricDistributionGraphs = props => {
         statistics={stats('audit_interactive_median')}
         scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['interactive']}
       />
+      <MetricDistributionGraph
+        abbreviation={'SI'}
+        label={'Speed Index'}
+        statistics={stats('audit_speed-index_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['speed-index']}
+      />
+      <MetricDistributionGraph
+        abbreviation={'TBT'}
+        label={'Total Blocking Time'}
+        statistics={stats('audit_total-blocking-time_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['total-blocking-time']}
+      />
+      <MetricDistributionGraph
+        abbreviation={'FID'}
+        label={'Max Potential FID'}
+        statistics={stats('audit_max-potential-fid_median')}
+        scoreLevels={SCORE_LEVEL_METRIC_THRESHOLDS['max-potential-fid']}
+      />
     </Fragment>
   );
 };