diff --git a/.changeset/thin-socks-relate.md b/.changeset/thin-socks-relate.md new file mode 100644 index 0000000000..8642aa727f --- /dev/null +++ b/.changeset/thin-socks-relate.md @@ -0,0 +1,5 @@ +--- +"nextjs-website": patch +--- + +Fix carousel margin on mobile diff --git a/apps/nextjs-website/src/editorialComponents/Newsroom/Newsroom.tsx b/apps/nextjs-website/src/editorialComponents/Newsroom/Newsroom.tsx index a07d340f7a..610d5e4b3e 100644 --- a/apps/nextjs-website/src/editorialComponents/Newsroom/Newsroom.tsx +++ b/apps/nextjs-website/src/editorialComponents/Newsroom/Newsroom.tsx @@ -136,14 +136,12 @@ const Newsroom = (props: INewsroom) => { wrap='nowrap' sx={{ overflowX: 'scroll', + paddingRight: '32px', width: 'calc(100% + 32px)', marginLeft: '-32px', 'div.MuiGrid-item:first-of-type': { marginLeft: '16px', }, - 'div.MuiGrid-item:last-of-type': { - marginRight: '32px', - }, }} > {items.map((item, i) => (