From f83f15009187196dadb81fbf86f213ec2981ec9b Mon Sep 17 00:00:00 2001
From: Trezy <tre@trezy.com>
Date: Fri, 22 May 2026 09:46:39 -0500
Subject: [PATCH] fix: make backfill progress headings more accessible

Signed-off-by: Trezy <tre@trezy.com>
---
 web/src/app/dashboard/backfill/page.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/app/dashboard/backfill/page.tsx b/web/src/app/dashboard/backfill/page.tsx
index b3e59ce..c556d9c 100644
--- a/web/src/app/dashboard/backfill/page.tsx
+++ b/web/src/app/dashboard/backfill/page.tsx
@@ -894,8 +894,9 @@ function ProgressRow({
   return (
     <Collapsible open={open} onOpenChange={setOpen}>
       <CollapsibleTrigger asChild disabled={!expandable}>
-        <div
-          className={`flex items-center gap-2 px-3 py-2 text-sm ${
+        <button
+          type="button"
+          className={`flex w-full items-center gap-2 px-3 py-2 text-sm text-left ${
             expandable ? "cursor-pointer hover:bg-accent/50" : ""
           } ${
             active ? "bg-blue-500/5" : reached ? "" : "text-muted-foreground opacity-50"
@@ -920,7 +921,7 @@ function ProgressRow({
           {expandable && (
             <ChevronRight className={`size-4 text-muted-foreground transition-transform ${open ? "rotate-90" : ""}`} />
           )}
-        </div>
+        </button>
       </CollapsibleTrigger>
       {expandable && (
         <CollapsibleContent>
-- 
2.51.2