diff --git a/layouts/blog/list.html b/layouts/blog/list.html
index 7afab8f..54807c9 100644
--- a/layouts/blog/list.html
+++ b/layouts/blog/list.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-  <div class="mx-auto flex max-w-[90rem]">
+  <div class="mx-auto flex max-w-screen-xl">
     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
     <article class="w-full break-words flex min-h-[calc(100vh-4rem)] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
       <main class="w-full min-w-0 max-w-6xl px-6 pt-4 md:px-12">
diff --git a/layouts/blog/single.html b/layouts/blog/single.html
index b146e60..51acd5e 100644
--- a/layouts/blog/single.html
+++ b/layouts/blog/single.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-  <div class="mx-auto flex max-w-[90rem]">
+  <div class="mx-auto flex max-w-screen-xl">
     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
     {{ partial "toc.html" . }}
     <article class="w-full break-words flex min-h-[calc(100vh-4rem)] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
diff --git a/layouts/docs/list.html b/layouts/docs/list.html
index 6bde8af..abda27b 100644
--- a/layouts/docs/list.html
+++ b/layouts/docs/list.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-  <div class="mx-auto flex max-w-[90rem]">
+  <div class="mx-auto flex max-w-screen-xl">
     {{ partial "sidebar.html" (dict "context" .) }}
     {{ partial "toc.html" . }}
     <article class="w-full break-words flex min-h-[calc(100vh-4rem)] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
diff --git a/layouts/docs/single.html b/layouts/docs/single.html
index fb651e8..0f37ae9 100644
--- a/layouts/docs/single.html
+++ b/layouts/docs/single.html
@@ -1,5 +1,5 @@
 {{ define "main" }}
-  <div class="mx-auto flex max-w-[90rem]">
+  <div class="mx-auto flex max-w-screen-xl">
     {{ partial "sidebar.html" (dict "context" .) }}
     {{ partial "toc.html" . }}
     <article class="w-full break-words flex min-h-[calc(100vh-4rem)] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 4786207..c5825a4 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -3,13 +3,13 @@
 
 <footer class="hextra-footer bg-gray-100 pb-[env(safe-area-inset-bottom)] dark:bg-neutral-900 print:bg-transparent">
   {{- if $enableFooterSwitches }}
-    <div class="mx-auto flex max-w-[90rem] gap-2 py-2 px-4">
+    <div class="mx-auto flex max-w-screen-xl gap-2 py-2 px-4">
       {{- partial "language-switch.html" (dict "context" .) -}}
       {{- partial "theme-toggle.html" -}}
     </div>
   {{ end -}}
   <hr class="dark:border-neutral-800" />
-  <div class="mx-auto flex max-w-[90rem] justify-center py-12 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] text-gray-600 dark:text-gray-400 md:justify-start">
+  <div class="mx-auto flex max-w-screen-xl justify-center py-12 pl-[max(env(safe-area-inset-left),1.5rem)] pr-[max(env(safe-area-inset-right),1.5rem)] text-gray-600 dark:text-gray-400 md:justify-start">
     <div class="flex w-full flex-col items-center sm:items-start">
       {{- if .Site.Params.footer.displayPoweredBy }}<div class="font-semibold">{{ template "theme-credit" . }}</div>{{ end -}}
       {{- if .Site.Params.footer.displayCopyright }}<p class="mt-6 text-xs">{{ i18n "footer.copyright" }}</p>{{ end -}}