diff --git a/src/routes/collections.index.tsx b/src/routes/collections.index.tsx
index 8e56dc0..d522b41 100644
--- a/src/routes/collections.index.tsx
+++ b/src/routes/collections.index.tsx
@@ -209,17 +209,17 @@ function CollectionsIndexPage() {
               <Table>
                 <TableHeader>
                   <TableRow>
-                    <TableHead>Homeowner</TableHead>
-                    <TableHead>HOA / Case</TableHead>
-                    <TableHead>Stage</TableHead>
-                    <TableHead className="text-center">Open tasks</TableHead>
-                    <TableHead>Opened</TableHead>
-                    <TableHead className="text-right">Balance</TableHead>
+                    <SortHeader k="homeowner" label="Homeowner" />
+                    <SortHeader k="case" label="HOA / Case" />
+                    <SortHeader k="stage" label="Stage" />
+                    <SortHeader k="tasks" label="Open tasks" className="text-center" />
+                    <SortHeader k="opened" label="Opened" />
+                    <SortHeader k="balance" label="Balance" className="text-right" />
                     <TableHead></TableHead>
                   </TableRow>
                 </TableHeader>
                 <TableBody>
-                  {filtered.map((r) => {
+                  {sorted.map((r) => {
                     const bal = balances[r.id] ?? 0;
                     const tcount = openTaskCounts[r.id] ?? 0;
                     return (