update,

002_source/cms/src/components/dashboard/error/index.tsx

@@ -39,11 +39,13 @@ function ErrorDetails({ details }: { details: string }): React.JSX.Element {
 
       <Collapse in={expanded}>
         <Box sx={{ mt: 1, p: 1, bgcolor: 'background.paper' }}>
-          <pre>
-            <Typography variant="body2" component="pre" sx={{ whiteSpace: 'pre-wrap' }}>
-              {details}
-            </Typography>
-          </pre>
+          <Typography
+            variant="body2"
+            component="pre"
+            sx={{ whiteSpace: 'pre-wrap', fontFamily: 'monospace' }}
+          >
+            {details}
+          </Typography>
         </Box>
       </Collapse>
     </Box>
@@ -72,7 +74,10 @@ function ErrorDisplay({ message, code, details, severity = 'error' }: PropsError
       >
         <AlertTitle>{code ? `Error ${code}` : 'Error'}</AlertTitle>
 
-        <Typography variant="body1" gutterBottom>
+        <Typography
+          variant="body1"
+          gutterBottom
+        >
           {formattedMessage}
         </Typography>