fix: section with collapsible content jerk issue

frappe/public/scss/website/page_builder.scss

@@ -486,9 +486,12 @@
 }
 
 .collapsible-content {
+	color: $gray-700;
+}
+
+.collapsible-content p {
 	margin-top: 1rem;
 	margin-bottom: 0;
-	color: $gray-700;
 }
 
 .section-with-collapsible-content.align-center {

frappe/website/web_template/section_with_collapsible_content/section_with_collapsible_content.html

@@ -21,7 +21,9 @@
 				</svg>
 			</a>
 			<div class="collapse collapsible-content from-markdown" id="{{ collapse_id }}">
-				{{ frappe.utils.md_to_html(item.content) }}
+				<div>
+					{{ frappe.utils.md_to_html(item.content) }}
+				</div>
 			</div>
 		</div>
 		{%- endfor -%}