From 14b4b082949b2ae7e774cec102e442e0bd843e46 Mon Sep 17 00:00:00 2001
From: phyzical <phyzicaly@hotmail.com>
Date: Mon, 21 Mar 2022 19:17:12 +0800
Subject: [PATCH] fix for dom nesting with elements like ul

---
 src/ui/React/AlertManager.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/React/AlertManager.tsx b/src/ui/React/AlertManager.tsx
index 5ee31528d..6b9ee6339 100644
--- a/src/ui/React/AlertManager.tsx
+++ b/src/ui/React/AlertManager.tsx
@@ -66,7 +66,7 @@ export function AlertManager(): React.ReactElement {
       {alerts.length > 0 && (
         <Modal open={true} onClose={close}>
           <Box overflow="scroll" sx={{ overflowWrap: "break-word", whiteSpace: "pre-line" }}>
-            <Typography>{alerts[0].text}</Typography>
+            <Typography component={'span'}>{alerts[0].text}</Typography>
           </Box>
         </Modal>
       )}