From c284451e9e4cbeb1f956c27dce4c72a4040c3400 Mon Sep 17 00:00:00 2001
From: Arkadiusz Wieczorek <kontakt@arkadiusz-wieczorek.pl>
Date: Sat, 29 Jan 2022 17:40:47 +0100
Subject: [PATCH] Remove unsafe assignment to innerHTML

---
 report-window/email-template-2.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/report-window/email-template-2.tsx b/report-window/email-template-2.tsx
index 9fa3b6b..09d7f95 100644
--- a/report-window/email-template-2.tsx
+++ b/report-window/email-template-2.tsx
@@ -44,6 +44,8 @@ function ClusterRangeSummary({ cluster }: { cluster: RequestCluster }) {
 }
 
 function Placeholder({ children }: { children: string }) {
+    const invisbleCharacter = ' ';
+
     return (
         <span
             style={{
@@ -54,13 +56,9 @@ function Placeholder({ children }: { children: string }) {
                 bottom: '3px',
             }}
         >
-            <span
-                dangerouslySetInnerHTML={{ __html: '&nbsp;'.repeat(12) }}
-            ></span>
+            <span>{invisbleCharacter.repeat(6)}</span>
             <span style={{ color: 'gray' }}>({children})</span>
-            <span
-                dangerouslySetInnerHTML={{ __html: '&nbsp;'.repeat(12) }}
-            ></span>
+            <span>{invisbleCharacter.repeat(6)}</span>
         </span>
     );
 }