From 0ed28915cc5c5e15192396850b6f72a602258588 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 10 Jul 2026 19:06:46 +0200
Subject: [PATCH] fix(css): add max-width to .container breakpoints in
 globals.css

---
 app/globals.css | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 90438c0d5..c470c92a9 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -6,14 +6,15 @@
 /* Fix for Tailwind v4 missing container center & padding */
 @layer components {
   .container {
+    width: 100%;
     margin-inline: auto !important;
     padding-inline: 1rem;
   }
-  @media (width >= 640px) { .container { padding-inline: 1.5rem; } }
-  @media (width >= 768px) { .container { padding-inline: 2rem; } }
-  @media (width >= 1024px) { .container { padding-inline: 2.5rem; } }
-  @media (width >= 1280px) { .container { padding-inline: 3rem; } }
-  @media (width >= 1400px) { .container { padding-inline: 4rem; } }
+  @media (width >= 640px) { .container { max-width: 640px; padding-inline: 1.5rem; } }
+  @media (width >= 768px) { .container { max-width: 768px; padding-inline: 2rem; } }
+  @media (width >= 1024px) { .container { max-width: 1024px; padding-inline: 2.5rem; } }
+  @media (width >= 1280px) { .container { max-width: 1280px; padding-inline: 3rem; } }
+  @media (width >= 1536px) { .container { max-width: 1536px; padding-inline: 4rem; } }
 }
 
 /* E-TIB Custom Utilities */