From cee107ee6d5ebc6d98fd2278d937bfe516d200c8 Mon Sep 17 00:00:00 2001
From: Andrew Jiang <andrew@buildwithfern.com>
Date: Fri, 11 Oct 2024 19:04:24 -0400
Subject: [PATCH] fix: api section markdown page

---
 packages/ui/app/src/api-reference/ApiSectionMarkdownPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/app/src/api-reference/ApiSectionMarkdownPage.tsx b/packages/ui/app/src/api-reference/ApiSectionMarkdownPage.tsx
index 63227e469e..6a9662b1f8 100644
--- a/packages/ui/app/src/api-reference/ApiSectionMarkdownPage.tsx
+++ b/packages/ui/app/src/api-reference/ApiSectionMarkdownPage.tsx
@@ -3,7 +3,7 @@ import type * as FernNavigation from "@fern-api/fdr-sdk/navigation";
 import clsx from "clsx";
 import { ReactElement, memo, useRef } from "react";
 import { useHref } from "../hooks/useHref";
-import { Markdown } from "../mdx/Markdown";
+import { MdxContent } from "../mdx/MdxContent";
 import { useApiPageCenterElement } from "./useApiPageCenterElement";
 
 interface ApiSectionMarkdownContentProps {
@@ -18,7 +18,7 @@ function ApiSectionMarkdownContent({ node, mdx, last = false }: ApiSectionMarkdo
 
     return (
         <div className={clsx("scroll-mt-content")} ref={ref} id={useHref(node.slug)}>
-            <Markdown mdx={mdx} />
+            <MdxContent mdx={mdx} />
 
             {/* TODO: the following ensures that the bottom line matches the rest of the api reference, but this isn't very graceful */}
             <div className="fern-endpoint-content">