diff --git a/docs/website/src/main.css b/docs/website/src/main.css
new file mode 100644
index 0000000..7099d4d
--- /dev/null
+++ b/docs/website/src/main.css
@@ -0,0 +1,7 @@
+body {
+    background-image: url('/img/background.svg');
+    background-repeat: repeat;
+    background-position: center;
+    height: 100vh;
+    margin: 0
+}
diff --git a/docs/website/src/main.tsx b/docs/website/src/main.tsx
index ab3c5fc..381ed8a 100644
--- a/docs/website/src/main.tsx
+++ b/docs/website/src/main.tsx
@@ -1,6 +1,7 @@
 import React from "react"
 import ReactDOM from "react-dom/client"
 import LandingPage from "@/page/LandingPage.tsx";
+import '@/main.css'
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
     <React.StrictMode>
diff --git a/docs/website/src/page/LandingPage.tsx b/docs/website/src/page/LandingPage.tsx
index 2dd1ffd..ec91c7d 100644
--- a/docs/website/src/page/LandingPage.tsx
+++ b/docs/website/src/page/LandingPage.tsx
@@ -33,17 +33,6 @@ export default function LandingPage() {
             }
         },
         components: {
-            MuiCssBaseline: {
-                styleOverrides: {
-                    body: {
-                        backgroundImage: '/img/background.svg',
-                        backgroundRepeat: 'repeat',
-                        backgroundPosition: 'center',
-                        height: '100vh',
-                        margin: 0
-                    }
-                }
-            },
             MuiButton: {
                 styleOverrides: {
                     root: {