diff --git a/website/components/mdxComponents.tsx b/website/components/mdxComponents.tsx
deleted file mode 100644
index 504b76f43..000000000
--- a/website/components/mdxComponents.tsx
+++ /dev/null
@@ -1,3 +0,0 @@
-const mdxComponents = {}
-
-export default mdxComponents
diff --git a/website/pages/_app.tsx b/website/pages/_app.tsx
index eb00ceb50..c610b58c5 100644
--- a/website/pages/_app.tsx
+++ b/website/pages/_app.tsx
@@ -1,10 +1,10 @@
 import type { AppProps } from 'next/app'
 import { MDXProvider } from '@mdx-js/react'
-import mdxComponents from '../components/mdxComponents'
+import { remarkComponents } from '../src/remark'
 
 export default function App({ Component, pageProps }: AppProps) {
     return (
-        <MDXProvider components={mdxComponents}>
+        <MDXProvider components={remarkComponents}>
             <Component {...pageProps} />
         </MDXProvider>
     )