refactor: replace <pre> tags with <div> for log body rendering in Log…

…sViewer component
OneUptime · Jan 29, 2025 · 36a181e · 36a181e
1 parent 032c03a
commit 36a181e
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/Common/UI/Components/LogsViewer/LogItem.tsx b/Common/UI/Components/LogsViewer/LogItem.tsx
@@ -112,7 +112,7 @@ const LogItem: FunctionComponent<ComponentProps> = (
         )}
 
         <div className={`${bodyColor} courier-prime`}>
-          {isBodyInJSON && <pre>{logBody}</pre>}
+          {isBodyInJSON && <div>{logBody}</div>}
           {!isBodyInJSON && props.log.body?.toString()}
         </div>
       </div>
@@ -215,7 +215,7 @@ const LogItem: FunctionComponent<ComponentProps> = (
           )}
         </div>
         {isBodyInJSON && (
-          <pre className={`${bodyColor} courier-prime`}>{logBody}</pre>
+          <div className={`${bodyColor} courier-prime`}>{logBody}</div>
         )}
       </div>
 
@@ -250,13 +250,13 @@ const LogItem: FunctionComponent<ComponentProps> = (
               ATTRIBUTES:
             </div>
           </div>
-          <pre className={`${bodyColor} courier-prime`}>
+          <div className={`${bodyColor} courier-prime`}>
             {JSON.stringify(
               JSONFunctions.unflattenObject(props.log.attributes || {}),
               null,
               2,
             )}
-          </pre>
+          </div>
         </div>
       )}
     </div>