diff --git a/web/packages/base/components/MiniDialog.tsx b/web/packages/base/components/MiniDialog.tsx
index ce88463ab9..ff124a035e 100644
--- a/web/packages/base/components/MiniDialog.tsx
+++ b/web/packages/base/components/MiniDialog.tsx
@@ -183,7 +183,12 @@ export const AttributedMiniDialog: React.FC<
             )}
             <DialogContent>
                 {attributes.message && (
-                    <Typography color="text.muted">
+                    <Typography
+                        component={
+                            typeof attributes.message == "string" ? "p" : "div"
+                        }
+                        color="text.muted"
+                    >
                         {attributes.message}
                     </Typography>
                 )}