diff --git a/docs/app/docs/[[...slug]]/page.tsx b/docs/app/docs/[[...slug]]/page.tsx
index 99818c0e3..31eb27a4a 100644
--- a/docs/app/docs/[[...slug]]/page.tsx
+++ b/docs/app/docs/[[...slug]]/page.tsx
@@ -1,7 +1,7 @@
import { notFound } from 'next/navigation'
-import defaultMdxComponents from 'fumadocs-ui/mdx'
import { DocsBody, DocsDescription, DocsPage, DocsTitle } from 'fumadocs-ui/page'
import { source } from '@/lib/source'
+import mdxComponents from '@/components/mdx-components'
export const dynamic = 'force-static'
@@ -33,7 +33,7 @@ export default async function Page(props: { params: Promise<{ slug?: string[] }>
{page.data.title}
{page.data.description}
-
+
)
diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
index eee6ea8c1..7ce491891 100644
--- a/docs/app/layout.tsx
+++ b/docs/app/layout.tsx
@@ -16,3 +16,22 @@ export default function Layout({ children }: { children: ReactNode }) {