diff --git a/app/assets/stylesheets/mail/email.css.scss b/app/assets/stylesheets/mail/email.css.scss
index bb1006c9ea..dee2738ead 100644
--- a/app/assets/stylesheets/mail/email.css.scss
+++ b/app/assets/stylesheets/mail/email.css.scss
@@ -68,6 +68,10 @@ table.social {
     background-color: white !important;
     border: 1px solid #ebebeb;
   }
+
+  &.fullwidth {
+    width: 100%;
+  }
 }
 
 table.order-summary {
diff --git a/app/views/spree/order_mailer/cancel_email.html.haml b/app/views/spree/order_mailer/cancel_email.html.haml
index b708251420..0965d522b8 100755
--- a/app/views/spree/order_mailer/cancel_email.html.haml
+++ b/app/views/spree/order_mailer/cancel_email.html.haml
@@ -1,5 +1,5 @@
-%table.social.white-bg{width: "100%"}
-  %table.column{align: "left"}
+%table.social.white-bg.fullwidth
+  %table.column
     %tr
       %td
         %h3