diff --git a/dev/Styles/User/MessageView.less b/dev/Styles/User/MessageView.less
index c23deddeb..07cb1082f 100644
--- a/dev/Styles/User/MessageView.less
+++ b/dev/Styles/User/MessageView.less
@@ -42,13 +42,10 @@ html.rl-no-preview-pane {
 		line-height: 70px;
 		padding-top: 100px;
 		color: #999;
-
-		.icon-mail {
-			font-size: 100px;
-			font-size: 50px;
-			line-height: 90px;
-			padding-left: 10px;
-		}
+	}
+	.b-message-view-checked-helper::after {
+		content: ' ✉';
+		font-family: snappymail;
 	}
 
 	.b-message-view-desc {
diff --git a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
index 76c68a2e2..f3f3cd4e6 100644
--- a/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
+++ b/snappymail/v/0.0.0/app/templates/Views/User/MailMessageView.html
@@ -25,10 +25,7 @@
 		<div class="b-message-view-backdrop" data-bind="visible: moveAction">
 			<div class="backdrop-message" data-icon="📁" data-i18n="MESSAGE/MESSAGE_VIEW_MOVE_DESC"></div>
 		</div>
-		<div class="b-message-view-checked-helper" data-bind="visible: !message() && '' === messageError() && hasCheckedMessages()">
-			<span data-bind="text: printableCheckedMessageCount()"></span>
-			<i class="fontastic">✉</i>
-		</div>
+		<div class="b-message-view-checked-helper" data-bind="visible: !message() && '' === messageError() && hasCheckedMessages(), text: printableCheckedMessageCount()"></div>
 
 		<div class="b-message-view-desc error" data-bind="visible: !message() && '' !== messageError() && !hasCheckedMessages(), text: messageError()">
 		</div>