From bacb36048711f53f154f7d9271cbbdca68774ec0 Mon Sep 17 00:00:00 2001
From: Taewoo Park <taewoo9240@gmail.com>
Date: Thu, 2 Oct 2025 11:59:47 +0900
Subject: [PATCH] =?UTF-8?q?style:=20=EB=AA=A8=EB=8B=AC=20message=EC=97=90?=
 =?UTF-8?q?=20=EC=A4=84=EB=B0=94=EA=BF=88=20=EC=84=A4=EC=A0=95=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/shared/ui/Modal/Modal.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/shared/ui/Modal/Modal.tsx b/src/shared/ui/Modal/Modal.tsx
index d69a5784..23ba56c0 100644
--- a/src/shared/ui/Modal/Modal.tsx
+++ b/src/shared/ui/Modal/Modal.tsx
@@ -15,7 +15,12 @@ interface ModalProps {
 
 const sizeMap: Record<
   ModalSize,
-  { width: number; height: number; buttonSize: "sm" | "md" | "lg"; textSize: string }
+  {
+    width: number;
+    height: number;
+    buttonSize: "sm" | "md" | "lg";
+    textSize: string;
+  }
 > = {
   sm: { width: 400, height: 200, buttonSize: "sm", textSize: "text-base" },
   md: { width: 500, height: 200, buttonSize: "md", textSize: "text-lg" },
@@ -34,15 +39,17 @@ export const Modal = ({
     <div className="fixed inset-0 flex items-center justify-center bg-black/50 z-50">
       <div
         className={cn(
-          "bg-black-900 rounded-lg shadow-lg flex flex-col items-center justify-center gap-10 p-6 text-center"
+          "bg-black-900 rounded-lg shadow-lg flex flex-col items-center justify-center gap-10 p-6 text-center",
         )}
         style={{ width, height }}
       >
-        <p className={cn("text-white", textSize)}>{message}</p>
+        <p className={cn("text-white whitespace-pre-line", textSize)}>
+          {message}
+        </p>
         <Button variant="primary" size={buttonSize} onClick={onClick}>
           {buttonText}
         </Button>
       </div>
     </div>
   );
-};
\ No newline at end of file
+};