From 6cd7b0a2b5b12fbdd21bf3fc45b4c6d057002747 Mon Sep 17 00:00:00 2001
From: gykoh42 <karmakoh42@naver.com>
Date: Wed, 25 Sep 2024 15:06:35 +0900
Subject: [PATCH] =?UTF-8?q?[FE]=20FEAT:=20=EC=BB=A8=EB=B2=A4=EC=85=98?=
 =?UTF-8?q?=EC=97=90=20=EB=A7=9E=EB=8F=84=EB=A1=9D=20=EC=BB=B4=ED=8F=AC?=
 =?UTF-8?q?=EB=84=8C=ED=8A=B8=EB=AA=85=20=EC=88=98=EC=A0=95=20#1649?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Common/DarkModeToggleSwitch.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx b/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx
index fac848e26..4f67b6775 100644
--- a/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx
+++ b/frontend/src/Cabinet/components/Common/DarkModeToggleSwitch.tsx
@@ -73,22 +73,22 @@ const DarkModeToggleSwitch = ({ id }: { id: string }) => {
   const isDarkMode = displayStyleType === DisplayStyleType.DARK;
 
   return (
-    <ToggleSwitchContainer>
+    <ToggleWrapperStyled>
       <CheckboxStyled id={id} checked={isDarkMode} onChange={handleToggle} />
       <ToggleSwitchStyled htmlFor={id} isChecked={isDarkMode}>
-        <MoonIconWrapper>
+        <MoonIconWrapperStyled>
           <MoonIcon />
-        </MoonIconWrapper>
-        <SunIconWrapper>
+        </MoonIconWrapperStyled>
+        <SunIconWrapperStyled>
           <SunIcon />
-        </SunIconWrapper>
+        </SunIconWrapperStyled>
         <ToggleKnobStyled isChecked={isDarkMode} />
       </ToggleSwitchStyled>
-    </ToggleSwitchContainer>
+    </ToggleWrapperStyled>
   );
 };
 
-const ToggleSwitchContainer = styled.div`
+const ToggleWrapperStyled = styled.div`
   display: inline-block;
   position: relative;
   margin-right: 10px;
@@ -125,7 +125,7 @@ const ToggleKnobStyled = styled.span<{ isChecked: boolean }>`
   transition: left 0.2s;
 `;
 
-const MoonIconWrapper = styled.div`
+const MoonIconWrapperStyled = styled.div`
   position: absolute;
   left: 5px;
   top: 50%;
@@ -140,7 +140,7 @@ const MoonIconWrapper = styled.div`
   }
 `;
 
-const SunIconWrapper = styled.div`
+const SunIconWrapperStyled = styled.div`
   position: absolute;
   right: 5px;
   top: 50%;