diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index e72bcca44b..7a31a4e702 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -304,7 +304,7 @@ pre {
 .mail-index_vacation > div > span {
 	color: red;
 }
-#mail-index_blank {
+#mail-index_mailPreview_blank {
 	width: 100%;
     height: 100%;
     position: absolute;
@@ -316,6 +316,12 @@ pre {
     justify-content: center;
     font-size: 200%;
 }
+#mail-index_mailPreview_blank::part(base)
+{
+	justify-content: center;
+	align-items: center;
+}
+#mail-index_mailPreview_blank[disabled] {display: none}
 .mail_DisplayNone {
 	display: none !important;
 }
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index a8510022ed..b508a39eae 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -299,7 +299,7 @@ pre {
 .mail-index_vacation > div > span {
   color: red;
 }
-#mail-index_blank {
+#mail-index_mailPreview_blank {
   width: 100%;
   height: 100%;
   position: absolute;
@@ -311,6 +311,13 @@ pre {
   justify-content: center;
   font-size: 200%;
 }
+#mail-index_mailPreview_blank::part(base) {
+  justify-content: center;
+  align-items: center;
+}
+#mail-index_mailPreview_blank[disabled] {
+  display: none;
+}
 .mail_DisplayNone {
   display: none !important;
 }