From 3317b056e7ac23a3317bcd78e3929067e91df054 Mon Sep 17 00:00:00 2001
From: joojjang <itchu999@naver.com>
Date: Mon, 18 Nov 2024 02:01:24 +0900
Subject: [PATCH] =?UTF-8?q?design(Checkbox):=20css=20=EC=88=98=EC=A0=95=20?=
 =?UTF-8?q?(=EB=B3=B4=EB=8D=94=20=EB=91=90=EA=BB=98=20=EB=93=B1)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/form/Checkbox/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/common/form/Checkbox/index.tsx b/src/components/common/form/Checkbox/index.tsx
index 97560ac4..07e4086d 100644
--- a/src/components/common/form/Checkbox/index.tsx
+++ b/src/components/common/form/Checkbox/index.tsx
@@ -13,11 +13,13 @@ const Checkbox = ({ isChecked, onChange }: StyledCheckboxProps) => {
   return <StyledCheckbox type="checkbox" checked={isChecked} onChange={handleChange} />;
 };
 
+export default Checkbox;
+
 const StyledCheckbox = styled.input`
   width: 14px;
   height: 14px;
-  border: 0.5px solid #d6d6d6;
-  border-radius: 2px;
+  border: 1px solid #d6d6d6;
+  border-radius: var(--border-radius);
   appearance: none; /* 기본 체크박스 스타일 제거 */
   outline: none;
   position: relative;
@@ -30,10 +32,8 @@ const StyledCheckbox = styled.input`
     content: '✓';
     position: absolute;
     top: 0;
-    left: 3px;
+    left: 2px;
     color: white;
     font-size: 14px;
   }
 `;
-
-export default Checkbox;