diff --git a/addons/mail/static/src/components/mail_template/mail_template.scss b/addons/mail/static/src/components/mail_template/mail_template.scss
deleted file mode 100644
index 7800ab62bc5..00000000000
--- a/addons/mail/static/src/components/mail_template/mail_template.scss
+++ /dev/null
@@ -1,27 +0,0 @@
-// ------------------------------------------------------------------
-// Layout
-// ------------------------------------------------------------------
-
-.o_MailTemplate {
-    display: flex;
-    flex: 0 0 auto;
-    align-items: center;
-}
-
-.o_MailTemplate_button {
-    padding-top: map-get($spacers, 0);
-    padding-bottom: map-get($spacers, 0);
-}
-
-.o_MailTemplate_name {
-    margin-inline-start: map-get($spacers, 2);
-}
-
-// ------------------------------------------------------------------
-// Style
-// ------------------------------------------------------------------
-
-.o_MailTemplate_text {
-    color: gray('500');
-    font-style: italic;
-}
diff --git a/addons/mail/static/src/components/mail_template/mail_template.xml b/addons/mail/static/src/components/mail_template/mail_template.xml
index 451add5bd64..2163b0c7a39 100644
--- a/addons/mail/static/src/components/mail_template/mail_template.xml
+++ b/addons/mail/static/src/components/mail_template/mail_template.xml
@@ -3,20 +3,20 @@
 
     <t t-name="mail.MailTemplate" owl="1">
         <t t-if="mailTemplateView">
-            <div class="o_MailTemplate" t-attf-class="{{ className }}" t-ref="root">
+            <div class="o_MailTemplate flex-shrink-0 align-items-center d-flex" t-attf-class="{{ className }}" t-ref="root">
                 <i class="fa fa-envelope-o" title="Mail" role="img"/>
-                <span class="o_MailTemplate_name" t-esc="mailTemplateView.mailTemplate.name"/>
+                <span class="o_MailTemplate_name ms-2" t-esc="mailTemplateView.mailTemplate.name"/>
                 <span>:</span>
                 <button
-                    class="o_MailTemplate_button o_MailTemplate_preview btn btn-link"
+                    class="o_MailTemplate_button o_MailTemplate_preview btn btn-link py-0"
                     t-att-data-mail-template-id="mailTemplateView.mailTemplate.id"
                     t-on-click="_onClickPreview"
                 >
                     Preview
                 </button>
-                <span class="o_MailTemplate_text">or</span>
+                <em class="o_MailTemplate_text text-500">or</em>
                 <button
-                    class="o_MailTemplate_button o_MailTemplate_send btn btn-link"
+                    class="o_MailTemplate_button o_MailTemplate_send btn btn-link py-0"
                     t-att-data-mail-template-id="mailTemplateView.mailTemplate.id"
                     t-on-click="_onClickSend"
                 >