diff --git a/frappe/public/js/frappe/utils/preview_email.js b/frappe/public/js/frappe/utils/preview_email.js
index b3e3bfddce..0c9620dccb 100644
--- a/frappe/public/js/frappe/utils/preview_email.js
+++ b/frappe/public/js/frappe/utils/preview_email.js
@@ -1,16 +1,30 @@
 frappe.preview_email = function(template, args, header) {
-	frappe.call({
-		method: 'frappe.email.email_body.get_email_html',
-		args: {
-			subject: 'Test',
-			template,
-			args,
-			header
-		}
-	}).then((r) => {
-		var html = r.message;
-		html = html.replace(/embed=/, 'src=');
-		var d = frappe.msgprint(html);
-		d.$wrapper.find('.modal-dialog').css('width', '70%');
-	});
+	frappe
+		.call({
+			method: 'frappe.email.email_body.get_email_html',
+			args: {
+				subject: 'Test',
+				template,
+				args,
+				header
+			}
+		})
+		.then(r => {
+			var html = r.message;
+			html = html.replace(/embed=/, 'src=');
+			var d = frappe.msgprint({
+				message:
+					'<iframe width="100%" height="600px" style="border: none;"></iframe>',
+				wide: true
+			});
+
+			setTimeout(() => {
+				d.$wrapper
+					.find('iframe')
+					.contents()
+					.find('html')
+					.html(html);
+				d.$wrapper.find('.modal-dialog').css('width', '70%');
+			}, 1000);
+		});
 };