From f11bb33fd96325f2cf0b408dd594e8632befb2dc Mon Sep 17 00:00:00 2001
From: Nicole Belcher <nicole.belcher@coinbase.com>
Date: Fri, 6 Mar 2026 11:03:40 -0800
Subject: [PATCH] CDS-1665: Refresh checkbox component with 4px corner radius

- Set default borderRadius to 100 (4px) for Checkbox on web and mobile
- Consumers can still override via borderRadius prop

Made-with: Cursor
---
 packages/mobile/src/controls/Checkbox.tsx | 2 ++
 packages/web/src/controls/Checkbox.tsx    | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/mobile/src/controls/Checkbox.tsx b/packages/mobile/src/controls/Checkbox.tsx
index d29f4c603..414745196 100644
--- a/packages/mobile/src/controls/Checkbox.tsx
+++ b/packages/mobile/src/controls/Checkbox.tsx
@@ -98,6 +98,7 @@ const CheckboxWithRef = forwardRef(function Checkbox<CheckboxValue extends strin
     accessibilityLabel,
     accessibilityHint,
     accessible = true,
+    borderRadius = 100,
     ...props
   }: CheckboxProps<CheckboxValue>,
   ref: React.ForwardedRef<View>,
@@ -117,6 +118,7 @@ const CheckboxWithRef = forwardRef(function Checkbox<CheckboxValue extends strin
       accessibilityLabel={accessibilityLabelValue}
       accessibilityRole="checkbox"
       accessible={accessible}
+      borderRadius={borderRadius}
       hitSlop={5}
       label={children}
       {...props}
diff --git a/packages/web/src/controls/Checkbox.tsx b/packages/web/src/controls/Checkbox.tsx
index f9b80383b..2ba2fadfc 100644
--- a/packages/web/src/controls/Checkbox.tsx
+++ b/packages/web/src/controls/Checkbox.tsx
@@ -59,7 +59,7 @@ const CheckboxWithRef = forwardRef(function CheckboxWithRef<CheckboxValue extend
     controlColor = 'fgInverse',
     background = checked || indeterminate ? 'bgPrimary' : 'bg',
     borderColor = checked || indeterminate ? 'bgPrimary' : 'bgLineHeavy',
-    borderRadius,
+    borderRadius = 100,
     borderWidth = 100,
     elevation,
     ...props