From 41d0f5c38b3a283ebc8f9c7007cbcb1b99b21ef8 Mon Sep 17 00:00:00 2001
From: Jake Howell <jake@hwll.me>
Date: Mon, 2 Feb 2026 15:48:58 +1100
Subject: [PATCH] fix: resolve rounding on `<TasksPage />` control (#21810)

This pull-request resolves a really annoying issue with the `<TasksPage
/>` switcher control. Essentially every time I navigated to this page my
eyes were drawn to this button that felt out of place. I finally figured
out why and its that its breaking the first rules of nested rounded
corners.

We should be using the following math to calculate the roundedness.

```
outerRadius - gap = innerRadius
```

<img width="852" height="596" alt="button-rounding"
src="https://github.com/user-attachments/assets/89de5d98-0891-4c9d-a5aa-66f722796630"
/>
---
 site/src/pages/TasksPage/TasksPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/site/src/pages/TasksPage/TasksPage.tsx b/site/src/pages/TasksPage/TasksPage.tsx
index 04e657f1a1..478d4b48b8 100644
--- a/site/src/pages/TasksPage/TasksPage.tsx
+++ b/site/src/pages/TasksPage/TasksPage.tsx
@@ -180,7 +180,7 @@ const TasksPage: FC = () => {
 										className="mt-6 flex justify-between"
 										aria-label="Controls"
 									>
-										<div className="flex items-center bg-surface-secondary rounded p-1">
+										<div className="flex items-center bg-surface-secondary rounded-lg p-1">
 											<PillButton
 												active={tab.value === "all"}
 												onClick={() => {