diff --git a/lix/website/src/pages/index/+Page.ts b/lix/website/src/pages/index/+Page.ts
index 5e17685372..5345154cb9 100644
--- a/lix/website/src/pages/index/+Page.ts
+++ b/lix/website/src/pages/index/+Page.ts
@@ -7,7 +7,7 @@ import { footer } from "./footer.ts"
 
 export const Page = () => html` ${header}
 	<!-- main section -->
-	<div class="w-full max-w-screen-[700px] px-4 mx-auto">
+	<div class="w-full max-w-2xl px-4 mx-auto">
 		<h1 class="w-full md:w-[55%] mt-12 mb-8 text-3xl leading-[1.3] text-slate-950 font-medium">
 			<svg
 				width="40"
diff --git a/lix/website/src/pages/index/footer.ts b/lix/website/src/pages/index/footer.ts
index f302b4c2e3..a4393ac5d4 100644
--- a/lix/website/src/pages/index/footer.ts
+++ b/lix/website/src/pages/index/footer.ts
@@ -17,7 +17,7 @@ const footerLinks = [
 
 export const footer = html`
 	<div class="w-full h-[1px] bg-slate-200 my-16"></div>
-	<div class="w-full max-w-screen-[700px] px-4 mx-auto my-16">
+	<div class="w-full max-w-2xl px-4 mx-auto my-16">
 		<p class="mt-12 mb-4 text-slate-950 font-medium">© Lix by Opral</p>
 		<ul class="leading-[1.7] pl-0 list-none flex gap-2">
 			${footerLinks.map(
diff --git a/lix/website/src/pages/index/header.ts b/lix/website/src/pages/index/header.ts
index c0a291346a..a251a89a21 100644
--- a/lix/website/src/pages/index/header.ts
+++ b/lix/website/src/pages/index/header.ts
@@ -1,7 +1,7 @@
 import { html } from "lit"
 
 export const header = html`
-	<div class="w-full max-w-screen-[700px] px-4 mx-auto my-8 flex items-center justify-end gap-4">
+	<div class="w-full max-w-2xl px-4 mx-auto my-8 flex items-center justify-end gap-4">
 		<a
 			href="https://github.com/opral/monorepo"
 			target="_blanc"