diff --git a/assets/css/variables.css b/assets/css/variables.css
index 5cc96ac..8c41442 100644
--- a/assets/css/variables.css
+++ b/assets/css/variables.css
@@ -1,13 +1,13 @@
 /* Hugo template to derive CSS variables from site and page parameters */
 
 /* Do not remove the following comment. It is used by Hugo to render CSS variables.
-{{- $pageWidth := .Params.width | default .Site.Params.page.width -}}
+{{- $pageWidth := site.Params.page.width -}}
 {{- $maxPageWidth := cond (eq $pageWidth "wide") "90rem" (cond (eq $pageWidth "full") "100%" "80rem") -}}
 
-{{- $navbarWidth := .Site.Params.navbar.width -}}
+{{- $navbarWidth := site.Params.navbar.width -}}
 {{- $maxNavbarWidth := cond (eq $navbarWidth "wide") "90rem" (cond (eq $navbarWidth "full") "100%" "80rem") -}}
 
-{{- $footerWidth := .Site.Params.footer.width -}}
+{{- $footerWidth := site.Params.footer.width -}}
 {{- $maxFooterWidth := cond (eq $footerWidth "wide") "90rem" (cond (eq $footerWidth "full") "100%" "80rem") -}}
 */
 
diff --git a/layouts/_partials/head.html b/layouts/_partials/head.html
index e3430ba..84c8df2 100644
--- a/layouts/_partials/head.html
+++ b/layouts/_partials/head.html
@@ -53,7 +53,6 @@
     <link href="{{ $customCss.RelPermalink }}" rel="stylesheet" />
   {{- end }}
 
-
   <!-- Google Analytics -->
   {{- if and hugo.IsProduction .Site.Config.Services.GoogleAnalytics.ID }}
     <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin />
@@ -92,5 +91,6 @@
     {{ partialCached "scripts/mathjax.html" . -}}
   {{ end -}}
 
+  {{ partial "utils/page-width-override.html" . }}
   {{ partial "custom/head-end.html" . -}}
 </head>
diff --git a/layouts/_partials/utils/page-width-override.html b/layouts/_partials/utils/page-width-override.html
new file mode 100644
index 0000000..db13d05
--- /dev/null
+++ b/layouts/_partials/utils/page-width-override.html
@@ -0,0 +1,7 @@
+{{- with .Params.width -}}
+<style>
+:root {
+  --hextra-max-page-width: {{ cond (eq . "wide") "90rem" (cond (eq . "full") "100%" "80rem") }};
+}
+</style>
+{{- end -}}