diff --git a/resources/mobile.init.styles/main.less b/resources/mobile.init.styles/main.less
index 747367f58..1b7133ede 100644
--- a/resources/mobile.init.styles/main.less
+++ b/resources/mobile.init.styles/main.less
@@ -5,6 +5,8 @@
 /* stylelint-disable no-descending-specificity */
 
 .client-js {
+	/* For Parsoid HTML hide the div until the hidden attribute has been added. */
+	section > .mw-heading + div:not( [ hidden ] ),
 	.collapsible-block:not( .collapsible-block-js ) {
 		display: none;
 		// But show it for tablets.
@@ -13,8 +15,9 @@
 		}
 	}
 
-	// For expand all sections client preference:
+	// For expand all sections client preference restore visibility.
 	&.mf-expand-sections-clientpref-1 {
+		section > .mw-heading + div:not( [ hidden ] ),
 		.collapsible-block:not( .collapsible-block-js ) {
 			display: block;
 		}
@@ -24,6 +27,7 @@
 		align-items: center;
 	}
 
+	section > .mw-heading,
 	.mw-heading.mf-collapsible-heading {
 		cursor: pointer;
 		border-bottom: @border-width-base @border-style-base @border-color-muted;
@@ -39,6 +43,10 @@
 			margin-right: 6px;
 		}
 	}
+
+	.mw-heading:not( .mf-collapsible-heading ) [id] {
+		margin-left: 21px;
+	}
 }
 
 .section-heading .indicator {