fix layout shift when toggling checkbox (#33319)

packages/ui/src/components/shadcn/ui/checkbox.tsx

@@ -13,7 +13,7 @@ const Checkbox = React.forwardRef<
   <CheckboxPrimitive.Root
     ref={ref}
     className={cn(
-      'peer h-4 w-4 shrink-0 rounded border border-control bg-control/25 ring-offset-background',
+      'peer flex items-center justify-center h-4 w-4 shrink-0 rounded border border-control bg-control/25 ring-offset-background',
       'transition-colors duration-150 ease-in-out',
       'hover:border-strong',
       'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',