diff --git a/src/components/client/campaign-news/secured/NewsAdminPage.tsx b/src/components/client/campaign-news/secured/NewsAdminPage.tsx
index 25143b207..8b8970413 100644
--- a/src/components/client/campaign-news/secured/NewsAdminPage.tsx
+++ b/src/components/client/campaign-news/secured/NewsAdminPage.tsx
@@ -14,6 +14,8 @@ import { routes } from 'common/routes'
 import AddIcon from '@mui/icons-material/Add'
 import Link from 'next/link'
 
+import theme from 'common/theme'
+
 const PREFIX = 'NewsAdminPage'
 
 const classes = {
diff --git a/src/components/client/irregularity/helpers/Remark.tsx b/src/components/client/irregularity/helpers/Remark.tsx
index 76303a3a9..e059bc6a0 100644
--- a/src/components/client/irregularity/helpers/Remark.tsx
+++ b/src/components/client/irregularity/helpers/Remark.tsx
@@ -1,5 +1,7 @@
 import { Grid, Typography } from '@mui/material'
 
+import theme from 'common/theme'
+
 type RemarkProps = {
   text: string
 }
diff --git a/src/components/client/notifications/CampaignSubscribeModal.tsx b/src/components/client/notifications/CampaignSubscribeModal.tsx
index 926ca4716..d2ebb584b 100644
--- a/src/components/client/notifications/CampaignSubscribeModal.tsx
+++ b/src/components/client/notifications/CampaignSubscribeModal.tsx
@@ -218,7 +218,7 @@ export default function RenderCampaignSubscribeModal({ campaign, setOpen }: Moda
           <CloseModalButton onClose={handleClose} />
           {!isSuccess ? (
             <React.Fragment>
-              <EmailIcon color="primary" sx={{ fontSize: '64px' }} />
+              <EmailIcon color="primary" sx={{ fontSize: theme.typography.pxToRem(64) }} />
               <DialogTitle style={{ textAlign: 'center', width: '100%' }}>
                 {t('common:notifications.subscribe-campaign-title')}
               </DialogTitle>