diff --git a/src/components/Chat/ChatContent/Message/CodeBlock/CodeBlock.tsx b/src/components/Chat/ChatContent/Message/CodeBlock/CodeBlock.tsx
index f252edc0..51cb0aaa 100644
--- a/src/components/Chat/ChatContent/Message/CodeBlock/CodeBlock.tsx
+++ b/src/components/Chat/ChatContent/Message/CodeBlock/CodeBlock.tsx
@@ -17,7 +17,10 @@ const CodeBlock = ({
     <div className='bg-custom-black rounded-md'>
       <CodeBar lang={lang} blockRef={codeRef} />
       <div className='p-4 overflow-y-auto'>
-        <code ref={codeRef} className={`!whitespace-pre hljs language-${lang}`}>
+        <code
+          ref={codeRef}
+          className={`!whitespace-pre-wrap hljs language-${lang}`}
+        >
           {codeChildren}
         </code>
       </div>