From 81561454d60b3dd112bdf2a00bc1a52947b9de58 Mon Sep 17 00:00:00 2001
From: Sushant P <zenithwolf1000@users.noreply.github.com>
Date: Mon, 11 May 2026 13:59:04 -0700
Subject: [PATCH] revert: "fix(site): enlarge checkbox click target in
 workspace and task tables" (#25159)

Reverts coder/coder#24739
---
 site/src/pages/TasksPage/TasksTable.tsx       | 30 ++++--------
 .../pages/WorkspacesPage/WorkspacesTable.tsx  | 46 ++++++++-----------
 2 files changed, 28 insertions(+), 48 deletions(-)

diff --git a/site/src/pages/TasksPage/TasksTable.tsx b/site/src/pages/TasksPage/TasksTable.tsx
index 29c5d1904c..ef7b4eee6e 100644
--- a/site/src/pages/TasksPage/TasksTable.tsx
+++ b/site/src/pages/TasksPage/TasksTable.tsx
@@ -221,27 +221,17 @@ const TaskRow: FC<TaskRowProps> = ({ task, checked, onCheckChange }) => {
 			>
 				<TableCell>
 					<div className="flex items-center gap-5">
-						{/* Wrap the checkbox in a click-absorbing container
-						 * so that near-miss clicks do not bubble up to the
-						 * row's navigation handler. */}
-						<div
-							className="flex items-center cursor-default h-[72px] pr-4 -mr-4"
-							onClick={(e) => e.stopPropagation()}
-							onKeyDown={(e) => {
-								if (e.key === "Enter" || e.key === " ") {
-									e.stopPropagation();
-								}
+						<Checkbox
+							data-testid={`checkbox-${task.id}`}
+							checked={checked}
+							onClick={(e) => {
+								e.stopPropagation();
 							}}
-						>
-							<Checkbox
-								data-testid={`checkbox-${task.id}`}
-								checked={checked}
-								onCheckedChange={(checked) => {
-									onCheckChange(task.id, Boolean(checked));
-								}}
-								aria-label={`Select task ${task.initial_prompt}`}
-							/>
-						</div>
+							onCheckedChange={(checked) => {
+								onCheckChange(task.id, Boolean(checked));
+							}}
+							aria-label={`Select task ${task.initial_prompt}`}
+						/>
 						<AvatarData
 							title={
 								<span className="block max-w-[520px] truncate">
diff --git a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
index e7fedf3993..bcf0571d90 100644
--- a/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
+++ b/site/src/pages/WorkspacesPage/WorkspacesTable.tsx
@@ -185,36 +185,26 @@ export const WorkspacesTable: FC<WorkspacesTableProps> = ({
 						>
 							<TableCell>
 								<div className="flex items-center gap-5">
-									{/* Wrap the checkbox in a click-absorbing container
-									 * so that near-miss clicks do not bubble up to the
-									 * row's navigation handler. */}
-									<div
-										className="flex items-center cursor-default h-[72px] pr-4 -mr-4"
-										onClick={(e) => e.stopPropagation()}
-										onKeyDown={(e) => {
-											if (e.key === "Enter" || e.key === " ") {
-												e.stopPropagation();
+									<Checkbox
+										data-testid={`checkbox-${workspace.id}`}
+										disabled={cantBeChecked(workspace)}
+										checked={checked}
+										onClick={(e) => {
+											e.stopPropagation();
+										}}
+										onCheckedChange={(checked) => {
+											if (checked) {
+												onCheckChange([...checkedWorkspaces, workspace]);
+											} else {
+												onCheckChange(
+													checkedWorkspaces.filter(
+														(w) => w.id !== workspace.id,
+													),
+												);
 											}
 										}}
-									>
-										<Checkbox
-											data-testid={`checkbox-${workspace.id}`}
-											disabled={cantBeChecked(workspace)}
-											checked={checked}
-											onCheckedChange={(checked) => {
-												if (checked) {
-													onCheckChange([...checkedWorkspaces, workspace]);
-												} else {
-													onCheckChange(
-														checkedWorkspaces.filter(
-															(w) => w.id !== workspace.id,
-														),
-													);
-												}
-											}}
-											aria-label={`Select workspace ${workspace.name}`}
-										/>
-									</div>
+										aria-label={`Select workspace ${workspace.name}`}
+									/>
 									<AvatarData
 										title={
 											<div className="flex items-center gap-1">