diff --git a/app/routes/$orgSlug/+components/pr-block.tsx b/app/routes/$orgSlug/+components/pr-block.tsx
index 231eb83e..5310b371 100644
--- a/app/routes/$orgSlug/+components/pr-block.tsx
+++ b/app/routes/$orgSlug/+components/pr-block.tsx
@@ -43,16 +43,16 @@ export const UNKNOWN_COLOR: BlockColor = {
 export const AGE_THRESHOLDS = [
   {
     maxDays: 1,
-    bg: 'bg-emerald-500',
-    ring: 'ring-emerald-500',
-    bgFaint: 'bg-emerald-500/20',
+    bg: 'bg-blue-500',
+    ring: 'ring-blue-500',
+    bgFaint: 'bg-blue-500/20',
     label: '< 1d',
   },
   {
     maxDays: 3,
-    bg: 'bg-blue-500',
-    ring: 'ring-blue-500',
-    bgFaint: 'bg-blue-500/20',
+    bg: 'bg-emerald-500',
+    ring: 'ring-emerald-500',
+    bgFaint: 'bg-emerald-500/20',
     label: '1-3d',
   },
   {
@@ -63,11 +63,25 @@ export const AGE_THRESHOLDS = [
     label: '3-7d',
   },
   {
-    maxDays: Infinity,
+    maxDays: 14,
     bg: 'bg-red-500',
     ring: 'ring-red-500',
     bgFaint: 'bg-red-500/20',
-    label: '7d+',
+    label: '7-14d',
+  },
+  {
+    maxDays: 30,
+    bg: 'bg-purple-500',
+    ring: 'ring-purple-500',
+    bgFaint: 'bg-purple-500/20',
+    label: '14-30d',
+  },
+  {
+    maxDays: Infinity,
+    bg: 'bg-neutral-800',
+    ring: 'ring-neutral-800',
+    bgFaint: 'bg-neutral-800/20',
+    label: '31d+',
   },
 ] as const
 
diff --git a/app/routes/$orgSlug/workload/+components/team-stacks-chart.tsx b/app/routes/$orgSlug/workload/+components/team-stacks-chart.tsx
index 235aea17..204d00df 100644
--- a/app/routes/$orgSlug/workload/+components/team-stacks-chart.tsx
+++ b/app/routes/$orgSlug/workload/+components/team-stacks-chart.tsx
@@ -332,7 +332,7 @@ function UnassignedRows({ prs }: { prs: StackPR[] }) {
 
 function Legend({ mode }: { mode: ColorMode }) {
   return (
-    <div className="flex items-center gap-3 text-xs">
+    <div className="flex flex-wrap items-center gap-3 text-xs">
       {mode === 'size' ? (
         <>
           {PR_SIZE_LABELS.map((label) => (