diff --git a/src/frontend/src/modals/formModal/chatMessage/index.tsx b/src/frontend/src/modals/formModal/chatMessage/index.tsx
index 252fbf7c3..2c59fee61 100644
--- a/src/frontend/src/modals/formModal/chatMessage/index.tsx
+++ b/src/frontend/src/modals/formModal/chatMessage/index.tsx
@@ -149,9 +149,9 @@ export default function ChatMessage({
           </div>
         </div>
       ) : (
-        <div className="flex w-full flex-1 items-center">
-          <div className="inline-block text-start">
-            <span className="text-primary">
+        <div className="flex w-full items-center">
+          <div className="inline-block w-full text-start">
+            <span className="w-full break-all text-primary">
               <Accordion
                 type="multiple"
                 className="my-2 w-full rounded-md bg-muted p-2"
@@ -161,7 +161,9 @@ export default function ChatMessage({
                   .map((key) => (
                     <AccordionItem value={key}>
                       <AccordionTrigger>{key}</AccordionTrigger>
-                      <AccordionContent>{chat.message[key]}</AccordionContent>
+                      <AccordionContent className="max-h-96 overflow-auto break-all">
+                        {chat.message[key]}
+                      </AccordionContent>
                     </AccordionItem>
                   ))}
               </Accordion>
diff --git a/src/frontend/src/modals/formModal/index.tsx b/src/frontend/src/modals/formModal/index.tsx
index 110dae303..bf81814a1 100644
--- a/src/frontend/src/modals/formModal/index.tsx
+++ b/src/frontend/src/modals/formModal/index.tsx
@@ -404,7 +404,7 @@ export default function FormModal({
           </DialogHeader>
 
           <div className="mt-2 flex h-[80vh] w-full ">
-            <div className="mr-6 flex h-full w-2/5 flex-col justify-start overflow-auto scrollbar-hide">
+            <div className="mr-6 flex h-full w-2/6 flex-col justify-start overflow-auto scrollbar-hide">
               <div className="flex items-center py-2">
                 <Variable className=" -ml-px mr-1 h-4 w-4 text-primary"></Variable>
                 <span className="text-md font-semibold text-primary">
@@ -496,7 +496,7 @@ export default function FormModal({
                 ))}
               </Accordion>
             </div>
-            <div className="w-full">
+            <div className="flex w-full flex-1 flex-col">
               <div className="relative flex h-full w-full flex-col rounded-md border bg-muted">
                 <div className="absolute right-3 top-3 z-50">
                   <button disabled={lockChat} onClick={() => clearChat()}>