diff --git a/src/components/content/mdx-components.tsx b/src/components/content/mdx-components.tsx
new file mode 100644
index 0000000..47b3dca
--- /dev/null
+++ b/src/components/content/mdx-components.tsx
@@ -0,0 +1,6 @@
+import { HTMLAttributes } from "react";
+import { Pre } from "@/components/content/pre";
+
+export const MdxComponents = {
+  pre: (props: HTMLAttributes<HTMLPreElement>) => <Pre {...props} />,
+};