diff --git a/UI/src/pages/Dashboard.tsx b/UI/src/pages/Dashboard.tsx
index 98dc5e8..9319ea3 100644
--- a/UI/src/pages/Dashboard.tsx
+++ b/UI/src/pages/Dashboard.tsx
@@ -122,7 +122,7 @@ export function DashboardPage() {
 function PendingRow({ request }: { request: ChangeRequest }) {
 	const exp = expiresIn(request.expires_at);
 	return (
-		<Link to={`/requests/${request.request_id}`}>
+		<Link to={`/requests/${request.request_id}`} className="block">
 			<Card className="p-4 transition hover:border-border-strong hover:bg-surface-raised/40">
 				<div className="flex items-start justify-between gap-3">
 					<div className="flex min-w-0 items-start gap-3">
diff --git a/UI/src/pages/Requests.tsx b/UI/src/pages/Requests.tsx
index 3038bea..23465cc 100644
--- a/UI/src/pages/Requests.tsx
+++ b/UI/src/pages/Requests.tsx
@@ -108,7 +108,7 @@ export function RequestsPage() {
 			) : (
 				<div className="space-y-2">
 					{items.map((r) => (
-						<Link key={r.request_id} to={`/requests/${r.request_id}`}>
+						<Link key={r.request_id} to={`/requests/${r.request_id}`} className="block">
 							<Card className="flex items-center gap-3 p-3.5 transition hover:border-border-strong hover:bg-surface-raised/40">
 								<AgentAvatar name={r.agent?.name ?? "?"} iconUrl={r.agent?.icon_url} size={32} />
 								<div className="min-w-0 flex-1">