From f7a89f0441123befd1508f009a6ca90b6f124644 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 6 May 2026 12:26:08 +0000
Subject: [PATCH 1/2] Initial plan


From 9cb9d917311c77c3e6da0faa8683a557393697c2 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 6 May 2026 12:27:45 +0000
Subject: [PATCH 2/2] fix: wrap long lines in code blocks in MarkdownText
 component

Agent-Logs-Url: https://github.com/HackYourFuture/dojo/sessions/18232e13-020a-4946-8fa1-5f3b74c0c10d

Co-authored-by: stasel <2033301+stasel@users.noreply.github.com>
---
 .../src/features/trainee-profile/components/MarkdownText.tsx   | 3 +++
 1 file changed, 3 insertions(+)

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) {