diff --git a/components/src/atoms/CheckboxField/index.tsx b/components/src/atoms/CheckboxField/index.tsx
index 39e88308231..72184a11cab 100644
--- a/components/src/atoms/CheckboxField/index.tsx
+++ b/components/src/atoms/CheckboxField/index.tsx
@@ -130,7 +130,7 @@ export function CheckboxField(props: CheckboxFieldProps): JSX.Element {
           justifyContent={JUSTIFY_CENTER}
           borderRadius={BORDERS.borderRadius2}
           backgroundColor={COLORS.grey30}
-          size={SIZE_1}
+          size="1.25rem"
         >
           <Box
             height="1.5px"
diff --git a/components/src/icons/icon-data.ts b/components/src/icons/icon-data.ts
index f1d8215b6a4..b7c88e99207 100644
--- a/components/src/icons/icon-data.ts
+++ b/components/src/icons/icon-data.ts
@@ -80,7 +80,7 @@ export const ICON_DATA_BY_NAME = {
   'checkbox-blank-outline': {
     path:
       'M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m0 2v14H5V5h14z',
-    viewBox: '0 0 24 24',
+    viewBox: '3 3 18 18',
   },
   'checkbox-marked': {
     path: