diff --git a/src/core/Resources/views/mail/base.html.twig b/src/core/Resources/views/mail/base.html.twig
index bdf011f..093ff95 100644
--- a/src/core/Resources/views/mail/base.html.twig
+++ b/src/core/Resources/views/mail/base.html.twig
@@ -7,42 +7,45 @@
 <meta name="format-detection" content="telephone=no" />
 <title>{% block title %}{% endblock %}</title>
 {% block css %}
-<style>
-html, body {
-    margin: 0;
-    padding: 0;
-    background: #fff;
-}
-
-#header {
-    padding: 20px 10px;
-    background: #f8f9fa;
-}
-
-#content {
-    padding: 10px;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
-}
-
-#logo {
-    width: 230px;
-}
-
-#logo svg {
-    width: 230px;
-}
-
-a {
-    color: #3183aa;
-}
-</style>
 {% endblock %}
 </head>
-<body>
-
-<div id="content">
-{% block body %}{% endblock %}
-</div>
+<body style="box-sizing: border-box; margin: 0;">
+    <table class="main-body" style="box-sizing: border-box; min-height: 150px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; width: 100%; height: 100%; background-color: rgb(234, 236, 237);" width="100%" height="100%" bgcolor="rgb(234, 236, 237)">
+        <tbody style="box-sizing: border-box;">
+            <tr class="row" style="box-sizing: border-box; vertical-align: top;" valign="top">
+                <td class="main-body-cell" style="box-sizing: border-box;">
+                    <table class="container" style="box-sizing: border-box; font-family: Helvetica, serif; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-top: auto; margin-right: auto; margin-bottom: auto; margin-left: auto; height: 0px; width: 90%; max-width: 550px;" width="90%" height="0">
+                        <tbody style="box-sizing: border-box;">
+                            <tr style="box-sizing: border-box;">
+                                <td class="container-cell" style="box-sizing: border-box; vertical-align: top; font-size: medium; padding-bottom: 50px;" valign="top">
+                                    <table class="card" style="box-sizing: border-box; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; margin-bottom: 20px; height: 0px;" height="0">
+                                        <tbody style="box-sizing: border-box;">
+                                            <tr style="box-sizing: border-box;">
+                                                <td class="card-cell" style="box-sizing: border-box; background-color: rgb(255, 255, 255); overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px;" bgcolor="rgb(255, 255, 255)" align="center">
+                                                    <table class="table100 c1357" style="box-sizing: border-box; width: 100%; min-height: 150px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; height: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-collapse: collapse;" width="100%" height="0">
+                                                        <tbody id="if8tm" style="box-sizing: border-box;">
+                                                            <tr id="iu0an" style="box-sizing: border-box;">
+                                                                <td class="card-content" id="i9wt9" style="box-sizing: border-box; font-size: 13px; line-height: 20px; color: rgb(111, 119, 125); padding-top: 10px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; vertical-align: top;" valign="top">
+                                                                    <div class="card-text" style="box-sizing: border-box;">
+                                                                        {% block body %}{% endblock %}
+                                                                    </div>
+                                                                </td>
+                                                            </tr>
+                                                        </tbody>
+                                                    </table>
+                                                </td>
+                                            </tr>
+                                        </tbody>
+                                    </table>
+                                </td>
+                            </tr>
+                        </tbody>
+                    </table>
+                </td>
+            </tr>
+        </tbody>
+    </table>
+</body>
 
 </body>
 </html>
