diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index 72d1889d678..203039692b8 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -828,7 +828,7 @@ blockquote blockquote blockquote blockquote blockquote blockquote{
 @media only screen
 and (max-device-width : 1024px)
 and (orientation : portrait) {
-	div#mail-index div#mail-index_nm tr.mail.row {
+	#mail-index div#mail-index_nm tr.mail.row {
 		font-size: medium;
 	}
 }
@@ -837,7 +837,7 @@ and (orientation : portrait) {
 @media only screen
 and (min-width : 321px)
 and (max-device-width:768){
-	div#mail-index div#mail-index_nm tr.mail.row {
+	#mail-index div#mail-index_nm tr.mail.row {
 		font-size: medium;
 	}
 }
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index 7a89fe04b34..019155a9859 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -821,13 +821,13 @@ blockquote blockquote blockquote blockquote blockquote blockquote {
 }
 /* tablets and smartphones (portrait) ----------- */
 @media only screen and (max-device-width: 1024px) and (orientation: portrait) {
-  div#mail-index div#mail-index_nm tr.mail.row {
+  #mail-index div#mail-index_nm tr.mail.row {
     font-size: medium;
   }
 }
 /* Smartphones (landscape) ----------- */
 @media only screen and (min-width: 321px) and (max-device-width: 768) {
-  div#mail-index div#mail-index_nm tr.mail.row {
+  #mail-index div#mail-index_nm tr.mail.row {
     font-size: medium;
   }
 }