diff --git a/app/components/JobHistory.tsx b/app/components/JobHistory.tsx
index 3c32b12..be2d6ca 100644
--- a/app/components/JobHistory.tsx
+++ b/app/components/JobHistory.tsx
@@ -92,12 +92,7 @@ export default function JobHistory({ ticker }: Props) {
                 </div>
                 <div className="flex items-center gap-2">
                   <a href={`/api/jobs/${j.id}`} target="_blank" rel="noreferrer" className="text-sm text-blue-600 hover:underline">API</a>
-                  <button
-                    onClick={() => navigate(`/jobs/${j.id}`)}
-                    className="text-sm text-gray-700 underline"
-                  >
-                    Details
-                  </button>
+                  <a href={`/jobs/${j.id}`} className="text-sm text-gray-700 underline">Details</a>
                   {(j.state === 'waiting' || j.state === 'queued') && (
                     <button
                       onClick={() => cancel(j.id)}