make the markdown list slighly more to the right

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";
 

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.

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>;
 }
 
 /**