diff --git a/web/src/app.css b/web/src/app.css
index 87b2bf4fc..bee247f1b 100644
--- a/web/src/app.css
+++ b/web/src/app.css
@@ -27,6 +27,9 @@ html {
 }
 
 @theme {
+	--radius-sm: 0.375rem;
+	--radius-md: 0.5rem;
+
 	--font-sans: "InterVariable", "system-ui", sans-serif, ui-sans-serif;
 	--font-mono:
 		"IBMPlexMono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
@@ -704,7 +707,7 @@ html {
 @utility row-breathe {
 	animation: row-breathe 1.2s ease-in-out infinite;
 	background-color: var(--color-background-muted);
-	border-radius: var(--radius-sm, 0.25rem);
+	border-radius: var(--radius-md, 0.375rem);
 
 	@media (prefers-reduced-motion: reduce) {
 		animation: none;
diff --git a/web/src/lib/components/ui/Combobox.svelte b/web/src/lib/components/ui/Combobox.svelte
index 05d2035a7..d322bc42c 100644
--- a/web/src/lib/components/ui/Combobox.svelte
+++ b/web/src/lib/components/ui/Combobox.svelte
@@ -10,7 +10,7 @@
 			search: "shrink-0 border-b border-border-default p-xs",
 			list: "min-h-0 flex-auto touch-pan-y overflow-y-auto overscroll-contain p-2xs [-webkit-overflow-scrolling:touch]",
 			groupHeading: "px-xs pt-xs pb-2xs font-semibold text-foreground-muted first:pt-2xs",
-			option: "flex w-full cursor-pointer items-center gap-xs rounded-md bg-transparent px-xs py-1.5 text-left aria-disabled:cursor-not-allowed aria-disabled:text-foreground-disabled data-active:bg-background-subtle dark:data-active:bg-background-subtle",
+			option: "flex w-full cursor-pointer items-center gap-xs rounded bg-transparent px-xs py-1.5 text-left aria-disabled:cursor-not-allowed aria-disabled:text-foreground-disabled data-active:bg-background-subtle dark:data-active:bg-background-subtle",
 			check: "size-3.5 shrink-0 text-foreground-default",
 			optionLabel: "min-w-0 flex-1 truncate",
 			hint: "shrink-0 text-foreground-subtle",
diff --git a/web/src/lib/components/ui/EmptyState.svelte b/web/src/lib/components/ui/EmptyState.svelte
index 1f647fed3..4091ab048 100644
--- a/web/src/lib/components/ui/EmptyState.svelte
+++ b/web/src/lib/components/ui/EmptyState.svelte
@@ -43,7 +43,7 @@
 		{background}
 		padding="none"
 		rounded={false}
-		class="flex flex-col items-center justify-center gap-xl p-4xl typography-paragraph-large text-foreground-subtle"
+		class="flex flex-col items-center justify-center gap-xl rounded-xl p-4xl typography-paragraph-large text-foreground-subtle"
 	>
 		{#if Icon}
 			<Icon class="size-16 text-foreground-disabled" aria-hidden="true" />
diff --git a/web/src/lib/components/ui/Kbd.svelte b/web/src/lib/components/ui/Kbd.svelte
index bb0812595..b0590445f 100644
--- a/web/src/lib/components/ui/Kbd.svelte
+++ b/web/src/lib/components/ui/Kbd.svelte
@@ -2,7 +2,7 @@
 	import { tv, type VariantProps } from "tailwind-variants";
 
 	export const kbd = tv({
-		base: "inline-flex h-4.5 min-w-4.5 items-center justify-center rounded-md border px-1 pb-3xs font-sans typography-paragraph-mini not-italic select-none",
+		base: "inline-flex h-4.5 min-w-4.5 items-center justify-center rounded border px-1 pb-3xs font-sans typography-paragraph-mini not-italic select-none",
 		variants: {
 			inverted: {
 				false: "border-border-default bg-background-default text-foreground-default shadow-[inset_0_-2px_0_0_var(--color-shadow-inner-subtle)]",
diff --git a/web/src/lib/components/ui/Logo.svelte b/web/src/lib/components/ui/Logo.svelte
index e8f936bb2..cb3293417 100644
--- a/web/src/lib/components/ui/Logo.svelte
+++ b/web/src/lib/components/ui/Logo.svelte
@@ -73,7 +73,7 @@
 	<span class="inline-flex items-center gap-xs select-none">
 		{@render mark()}
 		<span
-			class="rounded-md bg-background-subtle px-2xs typography-paragraph-mini font-normal text-foreground-default not-italic"
+			class="rounded bg-background-subtle px-2xs typography-paragraph-mini font-normal text-foreground-default not-italic"
 		>
 			alpha
 		</span>
diff --git a/web/src/lib/components/ui/Modal.svelte b/web/src/lib/components/ui/Modal.svelte
index 320d75c36..f8dd41d32 100644
--- a/web/src/lib/components/ui/Modal.svelte
+++ b/web/src/lib/components/ui/Modal.svelte
@@ -3,7 +3,7 @@
 
 	export const modal = tv({
 		slots: {
-			panel: "modal-panel m-auto w-[95%] flex-col gap-md overscroll-none rounded-lg border border-border-default bg-background-default p-md text-foreground-default shadow-lg",
+			panel: "modal-panel m-auto w-[95%] flex-col gap-md overscroll-none rounded-xl border border-border-default bg-background-default p-md text-foreground-default shadow-lg",
 			title: "flex flex-row items-center gap-xs px-3xs typography-paragraph-large font-medium",
 			titleIcon: "size-4 text-foreground-muted",
 			description: "text-foreground-muted",
diff --git a/web/src/lib/components/ui/RangeSelector.svelte b/web/src/lib/components/ui/RangeSelector.svelte
index f1d81b3d9..a9423eb98 100644
--- a/web/src/lib/components/ui/RangeSelector.svelte
+++ b/web/src/lib/components/ui/RangeSelector.svelte
@@ -341,14 +341,14 @@
 
 	{#if items.length > 0}
 		{#if interacting}
-			{@render bandBox(displayRows, "bg-background-subtle rounded")}
+			{@render bandBox(displayRows, "bg-background-subtle rounded-md")}
 		{/if}
 		{#if !muted}
-			{@render bandBox(rowsOf(selectedRange, whole), "bg-background-subtle rounded")}
+			{@render bandBox(rowsOf(selectedRange, whole), "bg-background-subtle rounded-md")}
 			<!-- the rows paint over the fill below them, so the outline rides above instead -->
 			{@render bandBox(
 				rowsOf(selectedRange, whole),
-				"relative z-10 rounded border border-border-default dark:border-border-strong"
+				"relative z-10 rounded-md border border-border-default dark:border-border-strong"
 			)}
 		{/if}
 		{@render pill(displayRows)}
diff --git a/web/src/lib/components/ui/Tabs.svelte b/web/src/lib/components/ui/Tabs.svelte
index c4cbea6d5..40369a87d 100644
--- a/web/src/lib/components/ui/Tabs.svelte
+++ b/web/src/lib/components/ui/Tabs.svelte
@@ -33,8 +33,8 @@
 				},
 				false: {
 					nav: "relative z-10 flex w-full overflow-x-auto overflow-y-hidden pl-md",
-					plate: "rounded-t border border-b-0 border-border-default bg-background-default",
-					item: "mr-2xs rounded-t border border-b-0 border-transparent px-md pt-2xs pb-1.25 whitespace-nowrap text-foreground-default",
+					plate: "rounded-t-md border border-b-0 border-border-default bg-background-default",
+					item: "mr-2xs rounded-t-md border border-b-0 border-transparent px-md pt-2xs pb-1.25 whitespace-nowrap text-foreground-default",
 					icon: "mr-xs",
 					label: "flex flex-col",
 					count: "ml-2xs"
diff --git a/web/src/lib/components/ui/Tag.svelte b/web/src/lib/components/ui/Tag.svelte
index db5e8f6c9..f58527478 100644
--- a/web/src/lib/components/ui/Tag.svelte
+++ b/web/src/lib/components/ui/Tag.svelte
@@ -2,7 +2,7 @@
 	import { tv, type VariantProps } from "tailwind-variants";
 
 	export const tag = tv({
-		base: "inline-flex items-center gap-2xs rounded-md leading-none select-none",
+		base: "inline-flex items-center gap-2xs rounded-full leading-none select-none",
 		variants: {
 			color: {
 				default:
diff --git a/web/src/lib/components/ui/TagInput.svelte b/web/src/lib/components/ui/TagInput.svelte
index 03da64be2..af82d43c6 100644
--- a/web/src/lib/components/ui/TagInput.svelte
+++ b/web/src/lib/components/ui/TagInput.svelte
@@ -16,7 +16,7 @@
 			panel: "tag-panel fixed inset-auto z-50 m-none hidden h-fit max-h-[min(18rem,calc(100dvh-1rem))] w-72 max-w-[calc(100vw-1rem)] popover-transition flex-col overflow-hidden rounded-md border border-border-default bg-background-default p-none text-foreground-default open:flex",
 			options:
 				"min-h-0 flex-auto touch-pan-y overflow-y-auto overscroll-contain p-2xs [-webkit-overflow-scrolling:touch]",
-			option: "flex w-full cursor-pointer items-center gap-xs rounded-md bg-transparent px-xs py-1.5 text-left data-active:bg-background-subtle",
+			option: "flex w-full cursor-pointer items-center gap-xs rounded bg-transparent px-xs py-1.5 text-left data-active:bg-background-subtle",
 			optionLabel: "min-w-0 flex-1 truncate",
 			empty: "px-xs py-xl text-center text-foreground-muted",
 			footer: "mt-1.5 flex items-start gap-xs",
diff --git a/web/src/lib/components/ui/Tooltip.svelte b/web/src/lib/components/ui/Tooltip.svelte
index 28be4ce18..bfa6da2ff 100644
--- a/web/src/lib/components/ui/Tooltip.svelte
+++ b/web/src/lib/components/ui/Tooltip.svelte
@@ -12,7 +12,7 @@
 			wrapper: "inline-flex",
 			// overflow-visible undoes the UA stylesheet's `overflow: auto` on [popover], which
 			// would otherwise clip the arrow off at the bubble's padding box
-			bubble: "tooltip-bubble fixed inset-auto z-50 m-none h-fit w-max max-w-64 popover-transition overflow-visible rounded-md bg-background-emphasis px-xs pt-1.5 pb-2xs typography-paragraph-small text-foreground-inverted shadow-regular"
+			bubble: "tooltip-bubble fixed inset-auto z-50 m-none h-fit w-max max-w-64 popover-transition overflow-visible rounded-sm bg-background-emphasis px-xs pt-1.5 pb-2xs typography-paragraph-small text-foreground-inverted shadow-regular"
 		},
 		variants: {
 			side: {