[DEV-1242]: fix mobile carousel margin (#533)

pagopa · Jan 11, 2024 · de51361 · de51361
1 parent 3104837
commit de51361
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/.changeset/thin-socks-relate.md 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
@@ -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) => (