From 871e2488dd60a9fee58aa4d2c6f16f28816bd13e Mon Sep 17 00:00:00 2001
From: daniele-mng <daniele.mangiagli@greenbone.net>
Date: Tue, 23 Jul 2024 14:27:25 +0200
Subject: [PATCH] Fix: Error panel in dialog (#4106)

---
 src/web/components/error/errorpanel.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/web/components/error/errorpanel.jsx b/src/web/components/error/errorpanel.jsx
index 5c813621c4..eb155a8365 100644
--- a/src/web/components/error/errorpanel.jsx
+++ b/src/web/components/error/errorpanel.jsx
@@ -41,6 +41,10 @@ const ErrorDetails = styled.div`
   overflow-x: auto;
 `;
 
+const StyledPre = styled.pre`
+  word-break: break-word;
+`;
+
 const ErrorPanel = ({error, message, info}) => {
   const [showDetails, setShowDetails] = useState(false);
 
@@ -71,11 +75,13 @@ const ErrorPanel = ({error, message, info}) => {
               {error.name}: {error.message}
             </h3>
             {isDefined(info) && (
-              <pre data-testid="errorpanel-component-stack">
+              <StyledPre data-testid="errorpanel-component-stack">
                 {info.componentStack}
-              </pre>
+              </StyledPre>
             )}
-            <pre data-testid="errorpanel-error-stack">{error.stack}</pre>
+            <StyledPre data-testid="errorpanel-error-stack">
+              {error.stack}
+            </StyledPre>
           </Divider>
         </ErrorDetails>
       )}