diff --git a/client/src/pages/SharedTripPage.test.tsx b/client/src/pages/SharedTripPage.test.tsx index 3ba5cc2f5..287e9c18c 100644 --- a/client/src/pages/SharedTripPage.test.tsx +++ b/client/src/pages/SharedTripPage.test.tsx @@ -1453,7 +1453,7 @@ describe('SharedTripPage', () => { // ── #2345: the header has to clip the decoration it bleeds ────────────── - describe('FE-PAGE-SHARED-040: the header clips the circles it bleeds (#2345)', () => { + describe('FE-PAGE-SHARED-042: the header clips the circles it bleeds (#2345)', () => { it('does not let them widen the page', async () => { await open('overflow-token', payload({})); diff --git a/client/src/pages/SharedTripPage.tsx b/client/src/pages/SharedTripPage.tsx index 274db9aab..6d7ed778b 100644 --- a/client/src/pages/SharedTripPage.tsx +++ b/client/src/pages/SharedTripPage.tsx @@ -205,11 +205,8 @@ export default function SharedTripPage() { padding: '32px 20px 28px', textAlign: 'center', position: 'relative', - // The two circles below bleed past this box on purpose (-40 to -60 on - // each axis) and nothing else on the page clips them, so without this - // the header widened the document by 60px: 390 + 60 = the 450px - // scrollWidth a 390px phone reported, and the whole page could be - // dragged sideways (#2345). + // The decoration circles bleed past this box on purpose; without the clip + // they widened the page by 60px on a phone (#2345). overflow: 'hidden', }} >