diff --git a/mail/templates/default/app.css b/mail/templates/default/app.css
index 506dd925de..1317e6aa50 100644
--- a/mail/templates/default/app.css
+++ b/mail/templates/default/app.css
@@ -460,7 +460,9 @@ div.mail-compose_fileselector {
 	margin-left: 1em;
 }
 .previewWrapper {height: 100%}
-
+.previewWrapper > * {
+	margin-bottom: 0.5em;
+}
 .previewWrapper .et2_details.et2_details_expanded .et2_details_wrapper {
 	display: block;
 	position: absolute;
@@ -1028,10 +1030,9 @@ div#mail-index_nm.splitter-pane {min-height: 100px;}
 	padding-left: 8px !important;
 }
 #mail-index_mailPreview_mailPreviewContainer {
-	height:100%;
-	padding-top: 1em;
+	height: calc(100% - 13em);
 	border-top: 1px solid silver;
-	margin-top: 1em;
+	margin-bottom: 0;
 }
 
 #mail-index_nm .mail.row et2-url-email_ro {width: fit-content}