From 9ac1233b1907bdc183eb78a39eb7e2ce20554c0e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9bastien=20Comeau?=
 <sebastien.comeau@hrsdc-rhdcc.gc.ca>
Date: Tue, 20 Jun 2023 08:41:54 -0300
Subject: [PATCH] [frontend] fix TOC items style

---
 frontend/src/components/TableOfContents.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/TableOfContents.tsx b/frontend/src/components/TableOfContents.tsx
index 7dcc7c1d..9ea20e8f 100644
--- a/frontend/src/components/TableOfContents.tsx
+++ b/frontend/src/components/TableOfContents.tsx
@@ -121,13 +121,10 @@ export const TableOfContents: FC<TableOfContentsProps> = ({ header, items }) =>
                 >
                   <ListItemText
                     primary={text}
-                    primaryTypographyProps={{ variant: 'body1' }}
-                    sx={{
-                      '.MuiTypography-root': {
-                        fontWeight: 700,
-                        color: activeState === hash ? '#004f56' : 'rgba(0,0,0,0.6)',
-                        fontSize: '18px',
-                      },
+                    primaryTypographyProps={{
+                      className: `font-bold font-display text-lg ${
+                        activeState === hash ? 'text-primary-700' : 'text-black/60'
+                      }`,
                     }}
                   />
                 </ListItemButton>
@@ -141,7 +138,7 @@ export const TableOfContents: FC<TableOfContentsProps> = ({ header, items }) =>
                   history.pushState({}, document.title, ' ')
                 }}
               >
-                <ArrowDropUp color="primary" className='mr-2' />
+                <ArrowDropUp color="primary" className="mr-2" />
                 <ListItemText
                   primary={t('table-of-contents.top')}
                   primaryTypographyProps={{ variant: 'body1' }}