diff --git a/src/header/styles.scss b/src/header/styles.scss
index 9d7eb4ba9e..ffdd116b72 100644
--- a/src/header/styles.scss
+++ b/src/header/styles.scss
@@ -39,7 +39,8 @@
 .main {
   // Like styles.text-flex-wrapping, but without overflow: hidden, to prevent headings from being partially cut off.
   word-wrap: break-word;
-  max-width: 100%;
+  /* stylelint-disable-next-line custom-property-pattern */
+  max-width: var(--header-max-width, 75ch);
 
   &.refresh {
     display: flex;