diff --git a/src/frontend/src/modals/IOModal/components/chatView/newChatView.tsx b/src/frontend/src/modals/IOModal/components/chatView/newChatView.tsx
index 95a51b4e6..c04670b3f 100644
--- a/src/frontend/src/modals/IOModal/components/chatView/newChatView.tsx
+++ b/src/frontend/src/modals/IOModal/components/chatView/newChatView.tsx
@@ -184,7 +184,9 @@ export default function ChatView({
           ))}
         <div
           className={
-            lockChat ? "w-5/6 max-w-[768px] py-4 word-break-break-word" : ""
+            lockChat
+              ? "m-auto w-full max-w-[768px] py-4 word-break-break-word md:w-5/6"
+              : ""
           }
           ref={ref}
         >
@@ -193,7 +195,7 @@ export default function ChatView({
             flowRunningSkeletonMemo}
         </div>
       </div>
-      <div className="m-auto w-5/6 max-w-[768px]">
+      <div className="m-auto w-full max-w-[768px] md:w-5/6">
         <ChatInput
           chatValue={chatValue}
           noInput={!inputTypes.includes("ChatInput")}