From a9c78a8ca16c35862848e465450c0d76af19d4bb Mon Sep 17 00:00:00 2001
From: Johan Girod <johan.girod@beta.gouv.fr>
Date: Wed, 8 Dec 2021 17:32:16 +0100
Subject: [PATCH] Fix style sur la page embauche

---
 site/source/pages/Gerer/Embaucher.tsx | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/site/source/pages/Gerer/Embaucher.tsx b/site/source/pages/Gerer/Embaucher.tsx
index e113d103b..ed4439314 100644
--- a/site/source/pages/Gerer/Embaucher.tsx
+++ b/site/source/pages/Gerer/Embaucher.tsx
@@ -5,6 +5,8 @@ import {
 import { FromBottom } from 'Components/ui/animate'
 import { CheckItem, Checklist, ChecklistProps } from 'Components/ui/Checklist'
 import { H1, H2, H3 } from 'DesignSystem/typography/heading'
+import { Link } from 'DesignSystem/typography/link'
+import { Li, Ul } from 'DesignSystem/typography/list'
 import { Body } from 'DesignSystem/typography/paragraphs'
 import { Helmet } from 'react-helmet-async'
 import { Trans, useTranslation } from 'react-i18next'
@@ -195,32 +197,30 @@ function Embaucher({ onChecklistInitialization, onItemCheck }: EmbaucherProps) {
 			</Checklist>
 			<Trans i18nKey="embauche.chaque mois">
 				<H2>Tous les mois</H2>
-				<ul>
-					<li>
+				<Ul>
+					<Li>
 						Utiliser un logiciel de paie pour calculer les cotisations sociales
 						et les transmettre via la déclaration sociale nominative (DSN).
 						<br />
 						Certaines offres de service de l’Urssaf comme le{' '}
-						<a href="https://www.letese.urssaf.fr" target="_blank">
+						<Link href="https://www.letese.urssaf.fr" target="_blank">
 							titre emploi service entreprise (Tese)
-						</a>{' '}
+						</Link>{' '}
 						ou le{' '}
-						<a href="https://www.cesu.urssaf.fr" target="_blank">
+						<Link href="https://www.cesu.urssaf.fr" target="_blank">
 							chèque emploi associatif (CEA)
-						</a>{' '}
+						</Link>{' '}
 						gèrent automatiquement la transmission de la DSN pour vous.
-					</li>
-					<li>Remettre la fiche de paie à votre employé</li>
-				</ul>
+					</Li>
+					<Li>Remettre la fiche de paie à votre employé</Li>
+				</Ul>
 			</Trans>
 
 			<H3 as="h2">
 				<Trans>Ressources utiles</Trans>
 			</H3>
 
-			<div className="ui__ box-container">
-				<SimulatorRessourceCard simulatorId="salarié" />
-			</div>
+			<SimulatorRessourceCard simulatorId="salarié" />
 		</FromBottom>
 	)
 }