Fix: Error panel in dialog (#4106)

greenbone · Jul 23, 2024 · 871e248 · 871e248
1 parent 94af841
commit 871e248
Showing 1 changed file with 9 additions and 3 deletions.
diff --git 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>
       )}