diff --git a/app/styles/about.scss b/app/styles/about.scss
index 5e2753feb..038e34ec8 100644
--- a/app/styles/about.scss
+++ b/app/styles/about.scss
@@ -52,7 +52,7 @@ $fluid-breakpoint: $maximum-width + 20px;
 
   .container {
     width: 100%;
-    max-width: 1440px;
+    max-width: 1280px;
 
     @media screen and (max-width: $no-gap-breakpoint) {
       padding: 0;
@@ -82,7 +82,7 @@ $fluid-breakpoint: $maximum-width + 20px;
 
     .header-container {
       display: flex;
-      width: 1440px;
+      width: 1280px;
       align-items: stretch;
       justify-content: center;
       flex-wrap: nowrap;
diff --git a/app/styles/footer.scss b/app/styles/footer.scss
index e73994922..835d40061 100644
--- a/app/styles/footer.scss
+++ b/app/styles/footer.scss
@@ -15,7 +15,7 @@
 
     .footer-container {
       display: flex;
-      width: 1440px;
+      width: 1280px;
       align-items: center;
       padding: 0 20px;
       flex-direction: column-reverse;
diff --git a/tailwind.config.js b/tailwind.config.js
index 7ac10feee..45644a143 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -8,7 +8,7 @@ module.exports = {
       sm: '581px',
       md: '768px',
       lg: '976px',
-      xl: '1440px',
+      xl: '1280px',
     },
     extend: {
       fontSize: {