diff --git a/src/core/components/Checkbox/constants/index.ts b/src/core/components/Checkbox/constants/index.ts
index c728710..ad8c67e 100644
--- a/src/core/components/Checkbox/constants/index.ts
+++ b/src/core/components/Checkbox/constants/index.ts
@@ -3,6 +3,7 @@ import { GapType, SvgSizeType } from '../types';
 export const SVG_SIZE = {
   SIZE_32: 'size-32',
   SIZE_24: 'size-24',
+  SIZE_20: 'size-20',
   SIZE_16: 'size-16',
 } as const;
 
@@ -17,6 +18,7 @@ export const GAP = {
 export const CHECKBOX_SVG_SIZE: Record<SvgSizeType, string> = {
   [SVG_SIZE['SIZE_32']]: 'w-8 h-8',
   [SVG_SIZE['SIZE_24']]: 'w-6 h-6',
+  [SVG_SIZE['SIZE_20']]: 'w-5 h-5',
   [SVG_SIZE['SIZE_16']]: 'w-4 h-4',
 };
 
diff --git a/src/core/components/Checkbox/index.tsx b/src/core/components/Checkbox/index.tsx
index 3faad9e..592fe8e 100644
--- a/src/core/components/Checkbox/index.tsx
+++ b/src/core/components/Checkbox/index.tsx
@@ -1,11 +1,11 @@
+import { CheckCircle, CheckSquare } from '@phosphor-icons/react';
 import clsx from 'clsx';
 import React, { forwardRef, MouseEvent, useId } from 'react';
 
-import { CheckCircle, CheckSquare } from '@phosphor-icons/react';
+import { GAP } from '@/core/components/Button/ButtonBase/constants';
 import Typography from '../Typography';
 import { CHECK_BOX_GAP, CHECKBOX_SVG_SIZE, SVG_SIZE } from './constants';
 import { CheckboxProps } from './types';
-import { GAP } from '@/core/components/Button/ButtonBase/constants';
 
 const Checkbox = forwardRef(
   (