diff --git a/public/admin/email-templates/confirmation.heml b/public/admin/email-templates/confirmation.heml
index ce3295e..16acd90 100644
--- a/public/admin/email-templates/confirmation.heml
+++ b/public/admin/email-templates/confirmation.heml
@@ -8,11 +8,16 @@
       .button {
         background: #ff3d3d;
       }
+      .logo {
+        margin: auto;
+        width: 100px;
+        height: auto;
+      }
     </style>
   </head>
   <body>
     <container>
-      <img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
       <h2>Confirm your signup</h2>
       <p>Follow this link to confirm your account:</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Confirm your mail</button>
diff --git a/public/admin/email-templates/confirmation.html b/public/admin/email-templates/confirmation.html
index 8734edd..e99a443 100644
--- a/public/admin/email-templates/confirmation.html
+++ b/public/admin/email-templates/confirmation.html
@@ -86,8 +86,9 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
-                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm your signup</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2"
+                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm your signup</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to confirm your account:</p>
                         <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
diff --git a/public/admin/email-templates/email-change.heml b/public/admin/email-templates/email-change.heml
index 86469bc..5b45fd0 100644
--- a/public/admin/email-templates/email-change.heml
+++ b/public/admin/email-templates/email-change.heml
@@ -8,11 +8,16 @@
       .button {
         background: #ff3d3d;
       }
+      .logo {
+        margin: auto;
+        width: 100px;
+        height: auto;
+      }
     </style>
   </head>
   <body>
     <container>
-      <img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
       <h2>Confirm Change of Email</h2>
       <p>Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}:</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Change Email</button>
diff --git a/public/admin/email-templates/email-change.html b/public/admin/email-templates/email-change.html
index a6ce8e3..e8fdf20 100644
--- a/public/admin/email-templates/email-change.html
+++ b/public/admin/email-templates/email-change.html
@@ -86,8 +86,9 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
-                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm Change of Email</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2"
+                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Confirm Change of Email</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to confirm the update of your email from {{ .Email }} to {{ .NewEmail }}:</p>
                         <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
diff --git a/public/admin/email-templates/invitation.heml b/public/admin/email-templates/invitation.heml
index c8b4fdd..3ed5898 100644
--- a/public/admin/email-templates/invitation.heml
+++ b/public/admin/email-templates/invitation.heml
@@ -8,11 +8,16 @@
       .button {
         background: #ff3d3d;
       }
+      .logo {
+        margin: auto;
+        width: 100px;
+        height: auto;
+      }
     </style>
   </head>
   <body>
     <container>
-      <img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
       <h2>You have been invited</h2>
       <p>You have been invited to create a user on {{ .SiteURL }}</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Accept the invite</button>
diff --git a/public/admin/email-templates/invitation.html b/public/admin/email-templates/invitation.html
index f91402a..bd1b249 100644
--- a/public/admin/email-templates/invitation.html
+++ b/public/admin/email-templates/invitation.html
@@ -86,8 +86,9 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
-                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">You have been invited</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2"
+                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">You have been invited</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">You have been invited to create a user on {{ .SiteURL }}</p>
                         <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
diff --git a/public/admin/email-templates/password-recovery.heml b/public/admin/email-templates/password-recovery.heml
index 1ec7458..0e4418b 100644
--- a/public/admin/email-templates/password-recovery.heml
+++ b/public/admin/email-templates/password-recovery.heml
@@ -8,11 +8,16 @@
       .button {
         background: #ff3d3d;
       }
+      .logo {
+        margin: auto;
+        width: 100px;
+        height: auto;
+      }
     </style>
   </head>
   <body>
     <container>
-      <img style='margin: auto' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
+      <img class='logo' src='https://netlify-cms-react-starter.netlify.com/images/logo.png' />
       <h2>Reset Password</h2>
       <p>Follow this link to reset the password for your account:</p>
       <button class='button' href="{{ .ConfirmationURL }}" style="margin: auto;">Reset Password</button>
diff --git a/public/admin/email-templates/password-recovery.html b/public/admin/email-templates/password-recovery.html
index 62a369b..d6537a2 100644
--- a/public/admin/email-templates/password-recovery.html
+++ b/public/admin/email-templates/password-recovery.html
@@ -86,8 +86,9 @@
                 <td> <![endif]-->
                   <table class="container__table" role="presentation" border="0" align="center" cellpadding="0" cellspacing="0" width="100%">
                     <tr class="container__row">
-                      <td class="container__cell" width="100%" align="left" valign="top"> <img src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" class="img__block" style="display: block; max-width: 100%; margin: 0 auto;" />
-                        <h2 class="header h2" style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Reset Password</h2>
+                      <td class="container__cell" width="100%" align="left" valign="top"> <img class="logo img__block" src="https://netlify-cms-react-starter.netlify.com/images/logo.png" border="0" alt="" style="display: block; max-width: 100%; width: 100px; height: auto; margin: 0 auto;" width="100" />
+                        <h2 class="header h2"
+                          style="margin: 20px 0; line-height: 30px; color: #000000; font-family: Helvetica,Arial,sans-serif; text-align: center;">Reset Password</h2>
                         <p class="text p" style="display: block; margin: 14px 0; color: #000000; font-family: Helvetica,Arial,sans-serif; font-size: 16px; line-height: 20px; text-align: center;">Follow this link to reset the password for your account:</p>
                         <div class="button button" style="background-color: #FF3D3D; margin: 0 auto;">
                           <table role="presentation" width="100%" align="left" border="0" cellpadding="0" cellspacing="0">
