From d25eac99977be87ef26852eaebc077e3f862cd88 Mon Sep 17 00:00:00 2001
From: James Ritchie <james@trigger.dev>
Date: Mon, 5 May 2025 17:11:54 +0100
Subject: [PATCH] hover and selected state for recent payloads match the task
 list states

---
 .../route.tsx                                              | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx
index 4729b5503..d1c36253b 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.env.$envParam.test.tasks.$taskParam/route.tsx
@@ -598,7 +598,12 @@ function RecentPayloads({
               onClick={(e) => {
                 onSelected(run.id);
               }}
-              className="flex items-center gap-4 py-2 pl-4 pr-6 transition hover:bg-charcoal-800"
+              className={cn(
+                "group flex items-center gap-4 py-2 pl-4 pr-6 transition",
+                run.id === selectedId
+                  ? "bg-indigo-500/5 hover:bg-indigo-500/10"
+                  : "hover:bg-charcoal-800"
+              )}
             >
               <RadioButtonCircle checked={run.id === selectedId} />
               <div className="flex flex-col items-start">