diff --git a/components/Stepper/index.tsx b/components/Stepper/index.tsx
index 6f811e0e8..dc5c40b9b 100644
--- a/components/Stepper/index.tsx
+++ b/components/Stepper/index.tsx
@@ -65,7 +65,10 @@ export function Stepper(props: StepperProps) {
           )}
         </div>
         {props.activeStep === 1 && (
-          <p className="mt-[24px]">{tsln.stepper.navWarning}</p>
+          <p
+            dangerouslySetInnerHTML={{ __html: tsln.stepper.navWarning }}
+            className="mt-[24px]"
+          ></p>
         )}
       </div>
     </div>
diff --git a/i18n/web/fr.ts b/i18n/web/fr.ts
index 5aec2c7e6..1f43bd068 100644
--- a/i18n/web/fr.ts
+++ b/i18n/web/fr.ts
@@ -284,7 +284,7 @@ const fr: WebTranslations = {
     nextStep: 'Suivant',
     previousStep: 'Précédent',
     getEstimate: 'Estimer mes prestations',
-    navWarning: `Note: Veuillez naviguer en utilisant les boutons «Précédent» et «Suivant». Il n’est pas recommandé d’utiliser les boutons de votre navigateur.`,
+    navWarning: `Note&nbsp;: Veuillez naviguer en utilisant les boutons «&nbsp;Précédent&nbsp;» et «&nbsp;Suivant&nbsp;». Il n’est pas recommandé d’utiliser les boutons de votre navigateur.`,
   },
   datePicker: {
     month: 'Mois',