diff --git a/packages/website/src/pages/_document.tsx b/packages/website/src/pages/_document.tsx
index 14eb6c49f..534ad0ab2 100644
--- a/packages/website/src/pages/_document.tsx
+++ b/packages/website/src/pages/_document.tsx
@@ -1,9 +1,17 @@
-import { createGetInitialProps } from '@mantine/next';
-import Document, { Html, Head, Main, NextScript } from 'next/document';
+import { createStylesServer, ServerStyles } from '@mantine/next';
+import Document, { Html, Head, Main, NextScript, DocumentContext, DocumentInitialProps } from 'next/document';
+
+const stylesServer = createStylesServer();
 
-const getInitialProps = createGetInitialProps();
 export default class _Document extends Document {
-	public static override getInitialProps = getInitialProps;
+	public static override async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {
+		const initialProps = await Document.getInitialProps(ctx);
+
+		return {
+			...initialProps,
+			styles: [initialProps.styles, <ServerStyles html={initialProps.html} server={stylesServer} key="styles" />],
+		};
+	}
 
 	public override render() {
 		return (