diff --git a/dev/Styles/MessageView.less b/dev/Styles/MessageView.less
index 407a1435e..2dbfd3469 100644
--- a/dev/Styles/MessageView.less
+++ b/dev/Styles/MessageView.less
@@ -170,6 +170,10 @@ html.rl-no-preview-pane {
 				&.-top {
 					margin-top: 0;
 				}
+				&.-middle {
+					margin-top: -5px;
+					margin-bottom: -5px;
+				}
 				&.-bottom {
 					margin-bottom: 0;
 				}
diff --git a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
index cfc4ea9a0..a6360b2c0 100644
--- a/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
+++ b/rainloop/v/0.0.0/app/templates/Views/User/MailMessageView.html
@@ -253,11 +253,20 @@
 										</div>
 										<div class="clearfix"></div>
 									</div>
-									<div class="senderParent -bottom" data-bind="visible: viewTo">
+									<div class="senderParent" data-bind="visible: viewTo, css: {'-middle': viewCc(), '-bottom': !viewCc()}">
+										<div class="informationShort" data-bind="event: { 'dblclick': toggleFullScreen }, css: {'-middle': viewCc(), '-bottom': !viewCc()}">
+											<span>
+												<span class="i18n uiLabel labelTo" data-i18n="MESSAGE/LABEL_TO"
+													 ></span>:&nbsp;<span class="to" data-bind="text: viewTo"></span>
+											</span>
+										</div>
+										<div class="clearfix"></div>
+									</div>
+									<div class="senderParent -bottom" data-bind="visible: viewCc">
 										<div class="informationShort -bottom" data-bind="event: { 'dblclick': toggleFullScreen }">
 											<span>
-												<span class="i18n uiLabel labelTo" data-i18n="MESSAGE/LABEL_TO"></span>:
-												<span class="to" data-bind="text: viewTo"></span>
+												<span class="i18n uiLabel labelTo" data-i18n="MESSAGE/LABEL_CC"
+													 ></span>:&nbsp;<span class="to" data-bind="text: viewCc"></span>
 											</span>
 										</div>
 										<div class="clearfix"></div>