diff --git a/client/src/features/trainee-profile/components/MarkdownText.tsx b/client/src/features/trainee-profile/components/MarkdownText.tsx
index a4aae64..6ad047d 100644
--- a/client/src/features/trainee-profile/components/MarkdownText.tsx
+++ b/client/src/features/trainee-profile/components/MarkdownText.tsx
@@ -3,10 +3,13 @@ import Markdown from 'react-markdown';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 
+const preStyle = { whiteSpace: 'pre-wrap' as const, overflowWrap: 'break-word' as const };
+
 const MarkDownText = ({ children }: { children: string }) => (
   <Markdown
     remarkPlugins={[remarkBreaks, remarkGfm]}
     components={{
+      pre: ({ children }) => <pre style={preStyle}>{children}</pre>,
       a: ({ href, children }) => {
         const isExternal = href ? /^https?:\/\//.test(href) : false;
         if (!isExternal) {