diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index 2ea4bbeb0c..3439a89ae0 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -645,13 +645,14 @@ div.mailPreviewHeaders div.mail_extraEmails {
 	vertical-align: top;
 }
 #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
-  width: 58%;
+  width: 90%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span:not(:first-child) {
   white-space: nowrap;
+  display: inline;
 }
 #mail-index_mail-index-header_right {
   display: inline-flex;
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index da53034529..9f887135be 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -644,13 +644,14 @@ div.mailPreviewHeaders div.mail_extraEmails {
   vertical-align: top;
 }
 #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
-  width: 58%;
+  width: 90%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span:not(:first-child) {
   white-space: nowrap;
+  display: inline;
 }
 #mail-index_mail-index-header_right {
   display: inline-flex;
@@ -1017,13 +1018,14 @@ body {
   margin: 3px 5px 0 0;
 }
 #mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject {
-  width: 58%;
+  width: 90%;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
 }
-#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span {
+#mail-index div#mail-index_mailPreview div#mail-index_mailPreviewHeadersSubject > span:not(:first-child) {
   white-space: nowrap;
+  display: inline;
 }
 /*##############################################
 #            #                               #