diff --git a/libs/components/editor-blocks/src/blocks/todo/CheckBox.tsx b/libs/components/editor-blocks/src/blocks/todo/CheckBox.tsx
index badd4f6a60..59d0d20fb8 100644
--- a/libs/components/editor-blocks/src/blocks/todo/CheckBox.tsx
+++ b/libs/components/editor-blocks/src/blocks/todo/CheckBox.tsx
@@ -9,19 +9,19 @@ interface CheckBoxProps {
 }
 
 export const CheckBox: FC<CheckBoxProps> = ({
-    size = '16px',
-    height = '23px',
+    size = 16,
+    height = 23,
     checked,
     onChange,
 }) => {
     const dynamic_style = useMemo(
         () => ({
             height: {
-                height,
+                height: `${height}px`,
             },
             size: {
-                width: size,
-                height: size,
+                width: `${size}px`,
+                height: `${size}px`,
             },
         }),
         [height, size]