diff --git a/document_page_approval/data/email_template.xml b/document_page_approval/data/email_template.xml
index 510e557e..605866a7 100644
--- a/document_page_approval/data/email_template.xml
+++ b/document_page_approval/data/email_template.xml
@@ -5,41 +5,34 @@
         <field name="name">Automated new draft need approval Notification Mail</field>
         <field
             name="email_from"
-        >${object.create_uid.company_id.email or 'noreply@localhost.com'}</field>
+        >{{object.create_uid.company_id.email or 'noreply@localhost.com'}}</field>
         <field
             name="subject"
-        >New version of ${object.display_name} needs your approval</field>
+        >New version of {{object.display_name}} needs your approval</field>
         <field name="model_id" ref="model_document_page_history" />
         <field name="auto_delete" eval="True" />
-        <field name="lang">${object.create_uid.partner_id.lang}</field>
-        <field name="body_html">
-            <![CDATA[
-<p>Hello,</p>
-
-<p>${object.create_uid.name} submited a new Change Request for <b>${object.page_id.name}</b> and it needs your approval.</p>
-
-<h1><a href="${object.page_url}">${object.display_name}</a></h1>
-<p>
-<b>Modified by:</b> ${object.create_uid.name}<br/>
-<b>Date:</b> ${object.create_date}<br>
-</p>
-
-% if object.summary:
-<h3>Summary</h3>
-<p>${object.summary}</p>
-% endif
-
-<h3>Diff</h3>
-<div style="overflow-x:scroll; font-size:0.85em; margin-bottom:2em;">
-${object.diff|safe}
-</div>
-
-<p>Have a great day.</p>
-
---<br/>
-
-<p>Odoo</p>
-            ]]>
+        <field name="lang">{{object.create_uid.partner_id.lang}}</field>
+        <field name="body_html" type="html">
+            <p>Hello,</p>
+            <p><t t-out="object.create_uid.name" /> submited a new Change Request for <b
+                    t-out="object.page_id.name"
+                /> and it needs your approval.</p>
+            <h1>
+                <a t-att-href="object.page_url" t-out="object.display_name" />
+            </h1>
+            <p><b>Modified by:</b> <t t-out="object.create_uid.name" /></p>
+            <p><b>Date:</b> <t t-out="object.create_date" /></p>
+            <t t-if="object.summary">
+                <h3>Summary</h3>
+                <p t-out="object.summary" />
+            </t>
+            <h3>Diff</h3>
+            <div style="overflow-x:scroll; font-size:0.85em; margin-bottom:2em;">
+                <t t-out="object.diff" />
+            </div>
+            <p>Have a great day.</p>
+            <br />
+            <p>Odoo</p>
         </field>
     </record>
 </odoo>