From 382b158d9bfdff3b97c9f83782b71415300815f8 Mon Sep 17 00:00:00 2001
From: 03hoho03 <ghwjd321@naver.com>
Date: Sun, 12 May 2024 17:46:07 +0900
Subject: [PATCH] =?UTF-8?q?[#7]=20=EC=84=B8=EB=B6=80=20css=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/IbulDialog/IdeaOutline.tsx    | 3 ++-
 src/components/common/Dialog/Content.tsx     | 2 +-
 src/components/common/Dialog/Description.tsx | 3 ++-
 src/components/common/Dialog/Title.tsx       | 2 ++
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/IbulDialog/IdeaOutline.tsx b/src/components/IbulDialog/IdeaOutline.tsx
index a9d2040..8b88eb6 100644
--- a/src/components/IbulDialog/IdeaOutline.tsx
+++ b/src/components/IbulDialog/IdeaOutline.tsx
@@ -50,7 +50,7 @@ const StyleBottomClosedBtn = styled.button`
   justify-content: center;
   align-items: center;
   height: 54px;
-  width: 360px;
+  width: 353px;
   background-color: ${theme.color.purple700};
   color: ${theme.color.white};
   border-bottom-left-radius: 14px;
@@ -62,6 +62,7 @@ const StyleBottomClosedBtn = styled.button`
 const StyledDescriptionWrapper = styled.div`
   display: flex;
   flex-direction: column;
+  gap: 5px;
 `
 
 const IdeaOutline = () => {
diff --git a/src/components/common/Dialog/Content.tsx b/src/components/common/Dialog/Content.tsx
index 6bf6c02..e325f94 100644
--- a/src/components/common/Dialog/Content.tsx
+++ b/src/components/common/Dialog/Content.tsx
@@ -16,7 +16,7 @@ const StyledContent = styled(DialogPrimitive.Content)`
   left: 50%;
   transform: translate(-50%, -50%);
   width: 90vw;
-  max-width: 360px;
+  max-width: 353px;
   min-height: 320px;
   max-height: 85vh;
   padding: 60px 20px 54px;
diff --git a/src/components/common/Dialog/Description.tsx b/src/components/common/Dialog/Description.tsx
index 507cbbd..758a34e 100644
--- a/src/components/common/Dialog/Description.tsx
+++ b/src/components/common/Dialog/Description.tsx
@@ -41,8 +41,9 @@ const StyledDescription = styled(
   /* 기본값 */
   margin: 0;
   color: ${theme.color.black};
-  line-height: 150%;
+  line-height: 120%;
   letter-spacing: -0.05em;
+  white-space: pre-wrap;
   /* size */
   ${sizeStyles}
   /* theme */
diff --git a/src/components/common/Dialog/Title.tsx b/src/components/common/Dialog/Title.tsx
index 07f7649..e956f02 100644
--- a/src/components/common/Dialog/Title.tsx
+++ b/src/components/common/Dialog/Title.tsx
@@ -24,6 +24,8 @@ const DialogTitleSizeStyles = css<StyledTitleProps>`
 `
 
 const StyledTitle = styled(DialogPrimitive.Title)<StyledTitleProps>`
+  line-height: 140%;
+  letter-spacing: -0.05em;
   color: ${theme.color.black};
 
   ${DialogTitleSizeStyles}