From 4ade5b492f626f2271fa4e8d117fa500b9457ad7 Mon Sep 17 00:00:00 2001
From: Ludvig Svedberg <ludvig.svedberg@mac.com>
Date: Sun, 3 Sep 2023 15:16:41 +0200
Subject: [PATCH] :lipstick: Fix overflow issue on news screen action buttons

---
 frontend/components/News/NewsPage.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/components/News/NewsPage.tsx b/frontend/components/News/NewsPage.tsx
index 3a9b27d2f..b0edb3f94 100644
--- a/frontend/components/News/NewsPage.tsx
+++ b/frontend/components/News/NewsPage.tsx
@@ -47,16 +47,19 @@ export default function NewsPage() {
         <PageHeader noMargin>{t('news')}</PageHeader>
         <Stack
           direction="row"
-          gap={2}
+          gap={1}
           sx={{
             maxWidth: 'calc(100% + 4rem)',
             overflowX: 'auto',
+            mt: -2,
+            pt: 2,
             '&::-webkit-scrollbar': {
               display: 'none',
             },
+            mx: -2,
+            px: 2,
             '& *': {
               whiteSpace: 'nowrap',
-              overflow: 'hidden',
               flexShrink: 0,
             },
           }}
@@ -72,9 +75,7 @@ export default function NewsPage() {
           )}
           {(hasAccess(apiContext, 'news:article:manage') || requests?.articleRequests?.length > 0) && (
           <Badge
-            badgeContent={(requests?.articleRequests?.length ?? 0) === 0
-              ? undefined
-              : requests?.articleRequests?.length}
+            badgeContent={2}
             color="primary"
           >
             <Button