Updte Chips stying on campaign details

podkrepi-bg · Sep 5, 2023 · 500d154 · 500d154
1 parent 55eecae
commit 500d154
Showing 1 changed file with 12 additions and 8 deletions.
diff --git a/src/components/client/campaigns/CampaignInfo/CampaignInfoStatus.tsx b/src/components/client/campaigns/CampaignInfo/CampaignInfoStatus.tsx
@@ -6,6 +6,7 @@ import { bg, enUS } from 'date-fns/locale'
 import { Box, Chip, Grid } from '@mui/material'
 
 import { getExactDate } from 'common/util/date'
+import theme from 'common/theme'
 
 import { StatusText, StatusLabel, RowWrapper, InfoStatusWrapper } from './CampaignInfo.styled'
 
@@ -20,36 +21,39 @@ export default function CampaignInfoStatus({ campaign, showExpensesLink }: Props
 
   return (
     <Grid>
-      <Box component="span" display="flex" alignItems="center" sx={{ gap: '5px' }}>
+      <Box
+        component="span"
+        sx={{
+          display: 'flex',
+          gap: theme.spacing(1),
+          margin: theme.spacing(3, 0, 6),
+          alignItems: 'center',
+        }}>
         {showExpensesLink && (
           <Chip
             component="a"
             label={t('campaigns:campaign.financial-report')}
             href="#expenses"
             clickable
-            variant="outlined"
-            color="primary"
             size="small"
+            sx={{ backgroundColor: theme.palette.primary.light }}
           />
         )}
         <Chip
           component="a"
           label={t('campaigns:campaign.news')}
           href="#news"
           clickable
-          color="primary"
-          variant="outlined"
           size="small"
+          sx={{ backgroundColor: theme.palette.primary.light }}
         />
-
         <Chip
           component="a"
           label={t('campaigns:campaign.wishes')}
           href="#wishes"
           clickable
-          variant="outlined"
-          color="primary"
           size="small"
+          sx={{ backgroundColor: theme.palette.primary.light }}
         />
       </Box>
       <InfoStatusWrapper>