From 974350e603f42a29ee4e66aef314e06579195f35 Mon Sep 17 00:00:00 2001
From: lydiacho <sheecho0804@ewhain.net>
Date: Fri, 2 Aug 2024 23:31:46 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=98=81=EC=97=AD=20=EC=A2=81=ED=9E=88?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/CompletePage/index.tsx    |  2 +-
 src/views/CompletePage/style.css.ts | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/views/CompletePage/index.tsx b/src/views/CompletePage/index.tsx
index a371b94d..6ec1c449 100644
--- a/src/views/CompletePage/index.tsx
+++ b/src/views/CompletePage/index.tsx
@@ -48,7 +48,7 @@ const CompletePage = () => {
               key={v}
               className={pointBoxVar[v === point ? 'selected' : 'default']}
               onClick={() => handleClickPoint(v)}>
-              {v}
+              <span>{v}</span>
             </li>
           ))}
         </ul>
diff --git a/src/views/CompletePage/style.css.ts b/src/views/CompletePage/style.css.ts
index 50f6ab36..fc96b56d 100644
--- a/src/views/CompletePage/style.css.ts
+++ b/src/views/CompletePage/style.css.ts
@@ -23,7 +23,7 @@ export const icon = style({
   display: 'flex',
   alignItems: 'center',
   justifyContent: 'center',
-  marginBottom: '32px',
+  marginBottom: 20,
   width: 66,
   height: 66,
   borderRadius: '50%',
@@ -31,7 +31,7 @@ export const icon = style({
 });
 
 export const mainText = style({
-  marginBottom: 24,
+  marginBottom: 8,
   color: theme.color.baseText,
   textAlign: 'center',
   whiteSpace: 'pre-line',
@@ -39,7 +39,7 @@ export const mainText = style({
 });
 
 export const subText = style({
-  marginBottom: 50,
+  marginBottom: 30,
   color: theme.color.baseText,
   textAlign: 'center',
   ...theme.font.BODY_1_18_M,
@@ -50,9 +50,9 @@ export const surveyBox = style({
   flexDirection: 'column',
   justifyContent: 'center',
   alignItems: 'center',
-  gap: 16,
-  padding: '30px 55px',
-  marginTop: 90,
+  gap: 12,
+  padding: '22px 75px',
+  marginTop: 50,
   color: theme.color.lightestText,
   ...theme.font.BODY_2_16_M,
   border: `1px solid ${theme.color.border}`,
@@ -68,9 +68,9 @@ const pointBox = style({
   display: 'flex',
   justifyContent: 'center',
   alignItems: 'center',
-  width: 32,
-  height: 40,
-  borderRadius: 8,
+  width: 28,
+  height: 36,
+  borderRadius: 6,
   transition: 'all 0.3s ease',
   cursor: 'pointer',
 });