Merge pull request #988 from peer-42seoul/984-103-c-mypage-message-de…

…tail-page-bug

[1.0.3 / C-MYPAGE] 쪽지 상세페이지 말풍선 줄바꿈 버그

src/app/my-page/message/@detail/panel/MessageItem.tsx

@@ -51,7 +51,12 @@ export const OwnerMessageItem = ({
       sx={style[`contentMargin${messageOption}`]}
     >
       <MessageDate date={message.date} />
-      <Box sx={isPc ? style.ownerPc : style.ownerMobile}>
+      <Box
+        sx={{
+          ...(isPc ? style.ownerPc : style.ownerMobile),
+          wordBreak: 'break-all',
+        }}
+      >
         <Typography variant={'Body1'}>{message.content}</Typography>
       </Box>
     </Stack>
@@ -81,7 +86,12 @@ export const TargetMessageItem = ({
           sx={style.targetAvatar}
         />
       )}
-      <Box sx={isPc ? style.targetPc : style.targetMobile}>
+      <Box
+        sx={{
+          ...(isPc ? style.targetPc : style.targetMobile),
+          wordBreak: 'break-all',
+        }}
+      >
         <Typography variant={'Body1'}>{message.content}</Typography>
       </Box>
       <MessageDate date={message.date} />