diff --git a/docs/src/app/components/pages/home.tsx b/docs/src/app/components/pages/home.tsx
index 743eaec..e57de9b 100644
--- a/docs/src/app/components/pages/home.tsx
+++ b/docs/src/app/components/pages/home.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import "./styles.css";
+import "./styles.css"
 
 import CopyableCode from "../CopyableCode";
 import { Browser } from "../Browser";
diff --git a/docs/src/app/components/pages/styles.css b/docs/src/app/components/pages/styles.css
index c078a3d..13888af 100644
--- a/docs/src/app/components/pages/styles.css
+++ b/docs/src/app/components/pages/styles.css
@@ -1,13 +1,3 @@
-/* Override nextra styles restricting width */
-
-:root {
-  --nextra-content-width: unset !important;
-}
-
-header.nextra-navbar {
-  --nextra-content-width: 90rem;
-}
-
 article {
   padding-inline: 0 !important;
   padding-top: 0 !important;
diff --git a/docs/src/app/page.mdx b/docs/src/app/page.mdx
deleted file mode 100644
index 3a2e24c..0000000
--- a/docs/src/app/page.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
----
-title: Cup - The easiest way to manage your container updates
-description: Simple, fast, efficient Docker image update checking
----
-
-import Home from "@/app/components/pages/home";
-
-<Home />
diff --git a/docs/src/app/page.tsx b/docs/src/app/page.tsx
new file mode 100644
index 0000000..971a419
--- /dev/null
+++ b/docs/src/app/page.tsx
@@ -0,0 +1,22 @@
+import { useMDXComponents } from "@/mdx-components";
+import { Heading, NextraMetadata } from "nextra";
+import Home from "./components/pages/home";
+
+const Wrapper = useMDXComponents({}).wrapper;
+
+const toc: Heading[] = [];
+
+export const metadata: NextraMetadata = {
+  title: "Cup - The easiest way to manage your container updates",
+  description: "Simple, fast, efficient Docker image update checking",
+  filePath: "",
+};
+
+export default function Page() {
+  return (
+    // @ts-ignore
+    <Wrapper toc={toc} metadata={metadata} className={"x:mx-auto x:flex"}>
+      <Home />
+    </Wrapper>
+  );
+}