From 8bb8a9cfa2743597e08e7f85d7d4782992e8ebe1 Mon Sep 17 00:00:00 2001
From: dlwl98 <ff981113@hanyang.ac.kr>
Date: Sun, 3 Dec 2023 22:55:42 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=81=AC=EB=A3=A8=20=EC=83=81=EC=84=B8?=
 =?UTF-8?q?=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=ED=81=AC=EB=A3=A8=20=EC=86=8C?=
 =?UTF-8?q?=EA=B0=9C=EA=B8=80=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts | 5 +++++
 src/pages/CrewsDetailPage/CrewsDetailPage.tsx       | 5 +++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts b/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts
index 30884669..3e6f0b94 100644
--- a/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts
+++ b/src/pages/CrewsDetailPage/CrewsDetailPage.styles.ts
@@ -100,3 +100,8 @@ export const ToolTipWrapper = styled.div`
   border: 1px solid ${({ theme }) => theme.PALETTE.RED_400};
   border-radius: 5px;
 `;
+
+export const ContentText = styled(Text)`
+  white-space: pre-wrap;
+  word-break: break-all;
+`;
diff --git a/src/pages/CrewsDetailPage/CrewsDetailPage.tsx b/src/pages/CrewsDetailPage/CrewsDetailPage.tsx
index 444c0785..25af43b3 100644
--- a/src/pages/CrewsDetailPage/CrewsDetailPage.tsx
+++ b/src/pages/CrewsDetailPage/CrewsDetailPage.tsx
@@ -17,6 +17,7 @@ import {
   AvatarWrapper,
   BackgoundImage,
   ButtonWrapper,
+  ContentText,
   CrewProfileInfo,
   Crown,
   MemberName,
@@ -79,9 +80,9 @@ export const CrewsDetailPage = () => {
         <Text size={20} weight={700}>
           크루 소개
         </Text>
-        <Text size={16} weight={300}>
+        <ContentText size={16} weight={300}>
           {crew.content}
-        </Text>
+        </ContentText>
         <Text size={20} weight={700}>
           크루원
         </Text>