From ce364004acab7bc0756d4de48e2dce07a4fc0d41 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Fri, 16 Jun 2023 20:08:44 +0800
Subject: [PATCH] Use an iframe for recent emails to avoid them breaking CSS of
 the app

---
 packages/web/pages/settings/emails/recent.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/packages/web/pages/settings/emails/recent.tsx b/packages/web/pages/settings/emails/recent.tsx
index 98b33b937..0c3609667 100644
--- a/packages/web/pages/settings/emails/recent.tsx
+++ b/packages/web/pages/settings/emails/recent.tsx
@@ -133,9 +133,16 @@ const ViewRecentEmailModal = (
                 height: '100%',
                 fontSize: '12px',
                 overflowY: 'scroll',
+                iframe: {
+                  width: '100%',
+                  height: '100%',
+                  display: 'block',
+                  border: 'none',
+                },
               }}
-              dangerouslySetInnerHTML={{ __html: props.recentEmail.html }}
-            ></Box>
+            >
+              <iframe srcDoc={props.recentEmail.html}></iframe>
+            </Box>
           )}
         </VStack>
       </ModalContent>