diff --git a/mail/templates/mobile/app.css b/mail/templates/mobile/app.css
index 0308cec558..12809645ff 100644
--- a/mail/templates/mobile/app.css
+++ b/mail/templates/mobile/app.css
@@ -1016,6 +1016,7 @@ body {
   border-right: 0;
   border-top: 0;
   border-bottom: 0;
+  margin-left: 4px;
 }
 #mail-index div.splitter-bar-horizontal {
   border-top: 1px solid #B4B4B4;
@@ -1036,7 +1037,6 @@ body {
   margin: 3px 5px 0 0;
 }
 #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
-  width: 58%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 9ca568af1e..d9e96aa99c 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -1004,6 +1004,7 @@ body {
   border-right: 0;
   border-top: 0;
   border-bottom: 0;
+  margin-left: 4px;
 }
 #mail-index div.splitter-bar-horizontal {
   border-top: 1px solid #B4B4B4;
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index ac4587997f..16b083fe79 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -90,6 +90,7 @@ body {
 		border-right: 0;
 		border-top: 0;
 		border-bottom: 0;
+		margin-left: 4px;
 	}
 	div.splitter-bar-horizontal {
 		border-top:1px solid #B4B4B4;