diff --git a/web/src/lib/components/ui/Radio.svelte b/web/src/lib/components/ui/Radio.svelte
index 3ac6350d4..7d69cd27b 100644
--- a/web/src/lib/components/ui/Radio.svelte
+++ b/web/src/lib/components/ui/Radio.svelte
@@ -7,13 +7,13 @@
 		slots: {
 			label: "inline-flex items-center gap-xs",
 			input: [
-				"peer size-sm shrink-0 cursor-pointer appearance-none rounded-full border border-foreground-placeholder",
+				"peer size-4 shrink-0 cursor-pointer appearance-none rounded-full border border-foreground-placeholder",
 				"bg-background-default transition-colors duration-150 checked:border-foreground-default",
 				"hover:bg-background-subtle focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-foreground-default",
 				"disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-border-disabled disabled:hover:bg-inherit"
 			],
 			dot: [
-				"absolute inset-0 m-auto hidden size-2xs rounded-full",
+				"absolute inset-0 m-auto hidden size-2 rounded-full",
 				"bg-foreground-default peer-checked:block",
 				"peer-disabled:bg-foreground-disabled peer-disabled:text-foreground-disabled"
 			]
@@ -47,7 +47,7 @@
 </script>
 
 <label class={classes.label({ class: className })}>
-	<span class="relative inline-flex">
+	<span class="relative inline-flex size-4 shrink-0">
 		<input type="radio" {value} bind:group {disabled} class={classes.input()} {...rest} />
 		<span class={classes.dot()} aria-hidden="true"></span>
 	</span>