diff --git a/src/app/(pages)/documentation/[[...slug]]/page.tsx b/src/app/(pages)/documentation/[[...slug]]/page.tsx
index 26f2054..21b9987 100644
--- a/src/app/(pages)/documentation/[[...slug]]/page.tsx
+++ b/src/app/(pages)/documentation/[[...slug]]/page.tsx
@@ -1,5 +1,5 @@
 import { getDocumentation } from "@/app/common/documentation";
-import { CustomMDX } from "@/app/components/mx-components";
+import { CustomMDX } from "@/app/components/mdx-components";
 import { Metadata } from "next";
 import { generateEmbed } from "@/app/common/embed";
 
diff --git a/src/app/components/mx-components.tsx b/src/app/components/mdx-components.tsx
similarity index 95%
rename from src/app/components/mx-components.tsx
rename to src/app/components/mdx-components.tsx
index ff6a334..885a4c8 100644
--- a/src/app/components/mx-components.tsx
+++ b/src/app/components/mdx-components.tsx
@@ -1,6 +1,6 @@
 import { MDXRemote } from "remote-mdx/rsc";
 import { ReactElement } from "react";
-import { formatCode, formatHeading, formatLink, formatList } from "@/app/components/mx-renderer";
+import { formatCode, formatHeading, formatLink, formatList } from "@/app/components/mdx-renderer";
 
 /**
  * The components to use in the MDX renderer.
diff --git a/src/app/components/mx-renderer.tsx b/src/app/components/mdx-renderer.tsx
similarity index 95%
rename from src/app/components/mx-renderer.tsx
rename to src/app/components/mdx-renderer.tsx
index 9df4bed..5c14c74 100644
--- a/src/app/components/mx-renderer.tsx
+++ b/src/app/components/mdx-renderer.tsx
@@ -47,7 +47,7 @@ export function formatCode(props: any) {
  * @param props The props to pass to the list.
  */
 export function formatList(props: any) {
-  return <ul className="list-disc pl-4 pt-2">{props.children}</ul>;
+  return <ul className="list-disc pl-4 ml-2 pt-2">{props.children}</ul>;
 }
 
 /**