From 56d38d0adbab2af76947fd39ab1e02bbaac148b8 Mon Sep 17 00:00:00 2001
From: chaduhwan <enghks2973@naver.com>
Date: Mon, 13 May 2024 06:23:09 +0900
Subject: [PATCH] =?UTF-8?q?[#13]=20css=20=EC=82=AC=EC=9D=B4=EC=A6=88=20?=
 =?UTF-8?q?=EB=B0=8F=20=EC=95=A0=EB=8B=88=EB=A9=94=EC=9D=B4=EC=85=98=20?=
 =?UTF-8?q?=EC=A1=B0=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/toggle/ToggleRoot.tsx  | 4 ++--
 src/components/common/toggle/ToggleThumb.tsx | 7 +++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/components/common/toggle/ToggleRoot.tsx b/src/components/common/toggle/ToggleRoot.tsx
index ded62b3..b1fe9c5 100644
--- a/src/components/common/toggle/ToggleRoot.tsx
+++ b/src/components/common/toggle/ToggleRoot.tsx
@@ -5,8 +5,8 @@ import { theme } from '@/styles/theme'
 import styled from 'styled-components'
 
 const StyledRoot = styled(Switch.Root)`
-  width: 42px;
-  height: 25px;
+  width: 58px;
+  height: 31px;
   background-color: ${theme.color.grey200};
   border-radius: 9999px;
   position: relative;
diff --git a/src/components/common/toggle/ToggleThumb.tsx b/src/components/common/toggle/ToggleThumb.tsx
index 49b6104..3926151 100644
--- a/src/components/common/toggle/ToggleThumb.tsx
+++ b/src/components/common/toggle/ToggleThumb.tsx
@@ -6,17 +6,16 @@ import styled from 'styled-components'
 
 const StyledThumb = styled(Switch.SwitchThumb)`
   display: block;
-  width: 21px;
-  height: 21px;
+  width: 25px;
+  height: 25px;
   background-color: ${theme.color.white};
   border-radius: 9999px;
-  box-shadow: 0 2px 2px var(--black-a7);
   transition: transform 300ms;
   transform: translateX(2px);
   will-change: transform;
 
   &[data-state='checked'] {
-    transform: translateX(19px);
+    transform: translateX(30px);
   }
 `