From b709942b17627e7a54c8a7cd07ba3537deac3090 Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Mon, 7 Oct 2024 00:47:22 +0900
Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=EB=8B=B5=EB=B3=80=20=EC=B6=9C?=
 =?UTF-8?q?=EC=B2=98=20=EB=A7=81=ED=81=AC=20=EB=84=98=EC=96=B4=EA=B0=80?=
 =?UTF-8?q?=EB=8A=94=20=EB=B2=84=EA=B7=B8=20=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/components/atom/chat-card/chat-card.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/ui/components/atom/chat-card/chat-card.tsx b/src/ui/components/atom/chat-card/chat-card.tsx
index a709941..5a04428 100644
--- a/src/ui/components/atom/chat-card/chat-card.tsx
+++ b/src/ui/components/atom/chat-card/chat-card.tsx
@@ -19,9 +19,9 @@ const ChatCard = ({ content, role }: ChatCardProps) => {
         })}
       >
         <div
-          className={cn('flex w-auto rounded-md bg-white px-5 py-3 text-black', {
+          className={cn('flex w-auto break-words rounded-md bg-white px-5 py-3 text-black', {
             'justify-end bg-primary-blue text-white': role === 'user',
-            'max-w-full justify-start text-left mobile:max-w-full desktop:max-w-[2/3]': role !== 'user', // 모바일에서는 w-auto,
+            'justify-start text-left mobile:max-w-full desktop:max-w-[2/3]': role !== 'user', // 모바일에서는 w-auto,
           })}
         >
           <div className="text-md font-pretendard font-normal">

From aa9958c25c5a501f57899234267663b141e29d5b Mon Sep 17 00:00:00 2001
From: Choi JunHo <duekzim@gmail.com>
Date: Mon, 7 Oct 2024 00:48:22 +0900
Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EB=8B=B5=EB=B3=80=20CSS=20=EB=84=98?=
 =?UTF-8?q?=EC=96=B4=EA=B0=80=EB=8A=94=20=EC=97=90=EB=9F=AC=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ui/components/atom/chat-card/chat-card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/components/atom/chat-card/chat-card.tsx b/src/ui/components/atom/chat-card/chat-card.tsx
index 5a04428..46e407a 100644
--- a/src/ui/components/atom/chat-card/chat-card.tsx
+++ b/src/ui/components/atom/chat-card/chat-card.tsx
@@ -24,7 +24,7 @@ const ChatCard = ({ content, role }: ChatCardProps) => {
             'justify-start text-left mobile:max-w-full desktop:max-w-[2/3]': role !== 'user', // 모바일에서는 w-auto,
           })}
         >
-          <div className="text-md font-pretendard font-normal">
+          <div className="text-md max-w-full font-pretendard font-normal">
             {content === 'loading' ? <Loader /> : <ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>}
           </div>
         </div>