From 452603f4f628c8bd5c5238fa84f7a9863a37ce39 Mon Sep 17 00:00:00 2001
From: adilallo <39313955+adilallo@users.noreply.github.com>
Date: Tue, 19 Aug 2025 22:55:13 -0600
Subject: [PATCH] Fix xl breakpoint header + footer

---
 app/components/Footer.js     | 2 +-
 app/components/Header.js     | 2 +-
 app/components/HomeHeader.js | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/components/Footer.js b/app/components/Footer.js
index cc7b60d..899a760 100644
--- a/app/components/Footer.js
+++ b/app/components/Footer.js
@@ -23,7 +23,7 @@ export default function Footer() {
       />
       <footer className="bg-[var(--color-surface-default-primary)] w-full">
         <div
-          className="flex flex-col items-start mx-auto max-w-[1920px]
+          className="flex flex-col items-start mx-auto
           px-[var(--spacing-measures-spacing-016)]
           py-[var(--spacing-measures-spacing-040)]
           gap-[var(--spacing-measures-spacing-040)]
diff --git a/app/components/Header.js b/app/components/Header.js
index d8ef688..db8ffe2 100644
--- a/app/components/Header.js
+++ b/app/components/Header.js
@@ -111,7 +111,7 @@ export default function Header({ onToggle }) {
         aria-label="Main navigation header"
       >
         <nav
-          className="flex items-center justify-between mx-auto max-w-[1920px] h-[40px] lg:h-[84px] xl:h-[88px] px-[var(--spacing-measures-spacing-016)] py-[var(--spacing-measures-spacing-008)] lg:px-[var(--spacing-measures-spacing-64,64px)] lg:py-[var(--spacing-measures-spacing-016,16px)]"
+          className="flex items-center justify-between mx-auto h-[40px] lg:h-[84px] xl:h-[88px] px-[var(--spacing-measures-spacing-016)] py-[var(--spacing-measures-spacing-008)] lg:px-[var(--spacing-measures-spacing-64,64px)] lg:py-[var(--spacing-measures-spacing-016,16px)]"
           role="navigation"
           aria-label="Main navigation"
         >
diff --git a/app/components/HomeHeader.js b/app/components/HomeHeader.js
index 1709e76..b4a9599 100644
--- a/app/components/HomeHeader.js
+++ b/app/components/HomeHeader.js
@@ -164,7 +164,7 @@ export default function HomeHeader() {
         aria-label="Home page navigation header"
       >
         <nav
-          className="relative flex items-center justify-between mx-auto max-w-[1920px] h-[50px] sm:h-[62px] md:h-[68px] lg:h-[68px] xl:h-[88px] px-[var(--spacing-scale-008)] pr-[var(--spacing-scale-016)] pt-[var(--spacing-scale-010)] sm:px-[var(--spacing-scale-010)] sm:pr-[var(--spacing-scale-020)] sm:pt-[var(--spacing-scale-010)] md:px-[var(--spacing-scale-016)] md:pr-[var(--spacing-scale-032)] md:pt-[var(--spacing-scale-016)] lg:pl-[var(--spacing-scale-024)] lg:pt-[var(--spacing-scale-016)] lg:pr-[var(--spacing-scale-056)] xl:pl-[var(--spacing-scale-048)] xl:pt-[var(--spacing-scale-024)] xl:pr-[var(--spacing-scale-056)]"
+          className="relative flex items-center justify-between mx-auto h-[50px] sm:h-[62px] md:h-[68px] lg:h-[68px] xl:h-[88px] px-[var(--spacing-scale-008)] pr-[var(--spacing-scale-016)] pt-[var(--spacing-scale-010)] sm:px-[var(--spacing-scale-010)] sm:pr-[var(--spacing-scale-020)] sm:pt-[var(--spacing-scale-010)] md:px-[var(--spacing-scale-016)] md:pr-[var(--spacing-scale-032)] md:pt-[var(--spacing-scale-016)] lg:pl-[var(--spacing-scale-024)] lg:pt-[var(--spacing-scale-016)] lg:pr-[var(--spacing-scale-056)] xl:pl-[var(--spacing-scale-048)] xl:pt-[var(--spacing-scale-024)] xl:pr-[var(--spacing-scale-056)]"
           role="navigation"
           aria-label="Main navigation"
         >