From 846af9124016bf72be08a6ca0cba6da203669e60 Mon Sep 17 00:00:00 2001 From: adilallo <39313955+adilallo@users.noreply.github.com> Date: Wed, 19 Aug 2026 17:02:55 -0600 Subject: [PATCH] Let the About Triple Text row fill the padded width so the columns are not capped at 1440px on wide viewports. Co-authored-by: Cursor --- app/components/type/TripleTextBlock/TripleTextBlock.view.tsx | 2 +- tests/components/type/TripleTextBlock.test.tsx | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/app/components/type/TripleTextBlock/TripleTextBlock.view.tsx b/app/components/type/TripleTextBlock/TripleTextBlock.view.tsx index efc437b..b961e9d 100644 --- a/app/components/type/TripleTextBlock/TripleTextBlock.view.tsx +++ b/app/components/type/TripleTextBlock/TripleTextBlock.view.tsx @@ -142,7 +142,7 @@ function TripleTextBlockView({ className={ isUseCases ? "mx-auto flex w-full flex-col items-start gap-[var(--spacing-scale-032)] md:gap-[var(--spacing-scale-048)] lg:items-center lg:gap-[var(--spacing-scale-064)]" - : "mx-auto flex w-full max-w-[1440px] flex-col items-start gap-[var(--spacing-scale-032)]" + : "mx-auto flex w-full flex-col items-start gap-[var(--spacing-scale-032)]" } > {hasSectionTitle ? ( diff --git a/tests/components/type/TripleTextBlock.test.tsx b/tests/components/type/TripleTextBlock.test.tsx index d406cb3..75d1179 100644 --- a/tests/components/type/TripleTextBlock.test.tsx +++ b/tests/components/type/TripleTextBlock.test.tsx @@ -78,6 +78,7 @@ describe("TripleTextBlock", () => { expect(section).not.toHaveClass( "xl:px-[calc(var(--spacing-scale-160)+var(--spacing-scale-096))]", ); + expect(section?.firstElementChild).not.toHaveClass("max-w-[1440px]"); }); it("useCases preset renders persistent section heading, column h3 titles, dual paragraphs, outline CTA", () => {