diff --git a/ui/src/components/QueueSizeChart.tsx b/ui/src/components/QueueSizeChart.tsx
index ce005fd..9929fa0 100644
--- a/ui/src/components/QueueSizeChart.tsx
+++ b/ui/src/components/QueueSizeChart.tsx
@@ -21,6 +21,7 @@ interface TaskBreakdown {
   queue: string; // name of the queue.
   active: number; // number of active tasks in the queue.
   pending: number; // number of pending tasks in the queue.
+  aggregating: number; // number of aggregating tasks in the queue.
   scheduled: number; // number of scheduled tasks in the queue.
   retry: number; // number of retry tasks in the queue.
   archived: number; // number of archived tasks in the queue.
@@ -55,6 +56,7 @@ function QueueSizeChart(props: Props) {
         <Legend />
         <Bar dataKey="active" stackId="a" fill="#1967d2" />
         <Bar dataKey="pending" stackId="a" fill="#669df6" />
+        <Bar dataKey="aggregating" stackId="a" fill="#e69138" />
         <Bar dataKey="scheduled" stackId="a" fill="#fdd663" />
         <Bar dataKey="retry" stackId="a" fill="#f666a9" />
         <Bar dataKey="archived" stackId="a" fill="#ac4776" />