diff --git a/includes/templates/skin.mustache b/includes/templates/skin.mustache
index 80d7f7bb..228db43f 100644
--- a/includes/templates/skin.mustache
+++ b/includes/templates/skin.mustache
@@ -56,7 +56,9 @@
 				{{>ArticleToolbar}}
 				<div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container>
 					{{>ContentSubheader}}
-					{{#html-subtitle}}<div id="contentSub"{{{html-user-language-attributes}}}>{{{.}}}</div>{{/html-subtitle}}
+					{{! the #contentSub element is currently used by editors, do not hide or remove it
+					  until https://phabricator.wikimedia.org/T316830 has been addressed}}
+					<div id="contentSub"{{{html-user-language-attributes}}}>{{{html-subtitle}}}</div>
 					{{#html-undelete-link}}<div id="contentSub2">{{{.}}}</div>{{/html-undelete-link}}
 					{{{html-user-message}}}
 					{{{html-body-content}}}
diff --git a/resources/skins.vector.styles/layouts/screen.less b/resources/skins.vector.styles/layouts/screen.less
index 645c3b8a..1d339398 100644
--- a/resources/skins.vector.styles/layouts/screen.less
+++ b/resources/skins.vector.styles/layouts/screen.less
@@ -84,28 +84,27 @@ body {
 	float: right;
 }
 
-#siteSub {
-	// By default its hidden as it was hidden in Vector legacy but site styles can reveal.
-	display: none;
-}
-
 .vector-body {
 	position: relative;
 	z-index: @z-index-base;
+}
 
-	#siteSub {
-		margin-top: 8px; // T311564
-	}
+#siteSub {
+	// By default its hidden as it was hidden in Vector legacy but site styles can reveal.
+	display: none;
+	margin-top: 8px; // T311564
+}
 
-	#contentSub,
-	#contentSub2 {
-		font-size: 84%;
-		line-height: 1.2em;
-		// T311564
-		margin: 8px 0 0;
-		color: #54595d;
-		width: auto;
-	}
+// Styles only applied to non-empty #contentSub to avoid extra margins when both #contentSub and #contentSub2
+// are rendered.
+#contentSub:not( :empty ),
+#contentSub2 {
+	font-size: 84%;
+	line-height: 1.2em;
+	color: @color-base--subtle;
+	width: auto;
+	// Visually separate #contentSub and #contentSub2 (T315639)
+	margin: 8px 0 0;
 }
 
 #left-navigation {