From 4ed8f8585957ca1053cf208736a2ec3ba824bc6d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EC=A0=95=EA=B8=B0=EC=98=81?= <wjdrldud98@gmail.com>
Date: Thu, 8 Aug 2024 11:07:48 +0900
Subject: [PATCH] =?UTF-8?q?design:=20=ED=80=B4=EC=A6=88=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=EC=A0=95=EB=B3=B4=20=EC=B9=B4=EB=93=9C=20=EC=9D=BC=EB=B6=80=20?=
 =?UTF-8?q?=EB=94=94=EC=9E=90=EC=9D=B8=20=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/QuizForm/QuizDetailCard.jsx        | 2 +-
 frontend/src/components/QuizForm/QuizDetailCard.module.css | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/QuizForm/QuizDetailCard.jsx b/frontend/src/components/QuizForm/QuizDetailCard.jsx
index 3363ce7..2f369f9 100644
--- a/frontend/src/components/QuizForm/QuizDetailCard.jsx
+++ b/frontend/src/components/QuizForm/QuizDetailCard.jsx
@@ -30,7 +30,7 @@ export default function QuizCard({ index, question, answer, image, choices }) {
           className={styles.choiceDiv}
           key={idx}
         >
-          <label>{choice.num} </label>
+          <label className={styles.numLabel}>{choice.num} </label>
           <div className={`${styles.input} ${styles.choiceInput}`}>{choice.content}</div>
         </div>
       ))}
diff --git a/frontend/src/components/QuizForm/QuizDetailCard.module.css b/frontend/src/components/QuizForm/QuizDetailCard.module.css
index 7304149..e2b620e 100644
--- a/frontend/src/components/QuizForm/QuizDetailCard.module.css
+++ b/frontend/src/components/QuizForm/QuizDetailCard.module.css
@@ -59,6 +59,11 @@
   gap: 8px;
 }
 
+.numLabel {
+  width: 40px;
+  text-align: end;
+}
+
 .choiceInput {
   flex-grow: 1;
   padding: 7px;