diff --git a/src/components/overrides/PageTitle.astro b/src/components/overrides/PageTitle.astro
index 31660c99c031e5..18ef3bd5c143b3 100644
--- a/src/components/overrides/PageTitle.astro
+++ b/src/components/overrides/PageTitle.astro
@@ -122,7 +122,7 @@ const hideBreadcrumbs = Astro.locals.starlightRoute.hideBreadcrumbs;
 
 {
 	component && (
-			<div class="sl-markdown-content">
+			<div class="sl-markdown-content md-ignore">
 				<ComponentUsage component={component} />
 			</div>
 	)
diff --git a/src/content/docs/style-guide/components/render.mdx b/src/content/docs/style-guide/components/render.mdx
index c3bbfc04e602ad..bcee052aef4f7d 100644
--- a/src/content/docs/style-guide/components/render.mdx
+++ b/src/content/docs/style-guide/components/render.mdx
@@ -38,7 +38,6 @@ import { Render } from "~/components";
   When using the `Render` component inside partials, the original `product` is lost.
 
   For example, if there are three files:
-
   1.  `docs/fundamentals/index.mdx`
   2.  `partials/dns/thing.mdx`
   3.  `partials/dns/thing2.mdx`
@@ -195,4 +194,6 @@ import { Render } from "~/components";
 
 ## Partials
 
-<PartialsUsage />
+<div class="md-ignore">
+	<PartialsUsage />
+</div>
diff --git a/src/plugins/rehype/filter-elements.ts b/src/plugins/rehype/filter-elements.ts
index 8e91d4f620e5b5..3c79b1820a4acb 100644
--- a/src/plugins/rehype/filter-elements.ts
+++ b/src/plugins/rehype/filter-elements.ts
@@ -113,7 +113,7 @@ const ALLOWED_ATTRIBUTES: Record<string, string[]> = {
 
 const UNWRAP_CLASS_NAMES = ["heading-wrapper"];
 
-const DISALLOWED_CLASS_NAMES = ["external-link", "anchor-link"];
+const DISALLOWED_CLASS_NAMES = ["external-link", "anchor-link", "md-ignore"];
 
 export default function () {
 	return function (tree: Root) {
diff --git a/src/util/markdown.ts b/src/util/markdown.ts
index ccd12992e300d5..33261e1c1a571d 100644
--- a/src/util/markdown.ts
+++ b/src/util/markdown.ts
@@ -15,7 +15,7 @@ export async function htmlToMarkdown(
 	url: string,
 ): Promise<string | undefined> {
 	const dom = parse(html);
-	const content = dom.querySelector(".sl-markdown-content");
+	const content = dom.querySelector(".sl-markdown-content:not(.md-ignore)");
 
 	if (!content) {
 		return;