diff --git a/app/models/channel/email_build.rb b/app/models/channel/email_build.rb
index e578bdf84..a7a0fb42b 100644
--- a/app/models/channel/email_build.rb
+++ b/app/models/channel/email_build.rb
@@ -115,7 +115,7 @@ module Channel::EmailBuild
             content_disposition: attachment.preferences['Content-Disposition'] || 'attachment',
             content_type: attachment.preferences['Content-Type'],
             mime_type: attachment.preferences['Mime-Type'],
-            content: attachment.content,
+            content: attachment.content
           }
         end
       end
@@ -146,39 +146,76 @@ Check if string is a complete html document. If not, add head and css styles.
   <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
     <style type="text/css">
-    body {
-      width:90% !important;
-      -webkit-text-size-adjust:90%;
-      -ms-text-size-adjust:90%;
-      #{css};
-    }
-    img {
-      outline:none; text-decoration:none; -ms-interpolation-mode: bicubic;
-    }
-    a img {
-      border:none;
-    }
-    table td {
-      border-collapse: collapse;
-    }
-    table {
-      border-collapse: collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;
-    }
-    p, table, div, td {
-      max-width: 600px;
-    }
-    p {
-      margin: 0;
-    }
-    blockquote {
-      border-left: 2px solid blue;
-      margin: 0px;
-      padding: 8px 12px 8px 12px;
-    }
-    pre {
-      margin: 0px;
-      padding: 8px 12px 8px 12px;
-    }
+      body {
+        width: 90% !important;
+        -webkit-text-size-adjust: 90%;
+        -ms-text-size-adjust: 90%;
+        #{css};
+      }
+      img {
+        outline: none;
+        text-decoration: none;
+        -ms-interpolation-mode: bicubic;
+      }
+      a img {
+        border: none;
+      }
+      table td {
+        border-collapse: collapse;
+      }
+      table {
+        border-collapse: collapse;
+        mso-table-lspace: 0pt;
+        mso-table-rspace: 0pt;
+        border: none;
+        table-layout: auto;
+        display: block;
+        width: 100%;
+        overflow: auto;
+        word-break: keep-all;
+      }
+      p, table, div, td {
+        max-width: 600px;
+      }
+      p,
+      table,
+      pre,
+      blockquote {
+        margin: 0 0 16px;
+      }
+      td, th {
+        padding: 7px 12px;
+        border: 1px solid hsl(0,0%,87%);
+      }
+      th {
+        font-weight: bold;
+        text-align: center;
+      }
+      tbody tr:nth-child(even) {
+        background: hsl(0,0%,97%);
+      }
+      col {
+        width: auto;
+      }
+      code {
+        border: none;
+        background: hsl(0,0%,97%);
+        white-space: normal;
+      }
+      blockquote {
+        padding: 8px 12px;
+        border-left: 5px solid #eee;
+      }
+      pre {
+        padding: 12px 15px;
+        font-size: 13px;
+        line-height: 1.45;
+        background: hsl(0,0%,97%);
+        white-space: pre-wrap;
+        border-radius: 3px;
+        border: none;
+        overflow: auto;
+      }
     </style>
   <head>
   <body style="#{css}">#{html}</body>
