diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index c4c7346..3e9868e 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -23,6 +23,7 @@ import Footer from '../components/Footer.astro';
 </html>
 <style>
 	:root {
+                --content-width: 700px;
 		--font-size-base: clamp(1rem, 0.34vw + 0.91rem, 1.19rem);
 		--font-size-lg: clamp(1.2rem, 0.7vw + 1.2rem, 1.5rem);
 		--font-size-xl: clamp(2.44rem, 2.38vw + 1.85rem, 3.75rem);
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e7b39dc..9c0988c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -49,7 +49,6 @@ import Footer from "../components/Footer.astro";
 <style>
     :root {
         --astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4);
-        --content-width: 800px;
     }
 
     h1 {
diff --git a/src/pages/social.astro b/src/pages/social.astro
index 485c47e..d39086d 100644
--- a/src/pages/social.astro
+++ b/src/pages/social.astro
@@ -41,7 +41,7 @@ import Footer from '../components/Footer.astro';
 	main {
 		margin: auto;
 		padding: 1em;
-		max-width: 60ch;
+		max-width: var(--content-width);
 	}
 
 	.text-gradient {