diff --git a/src/content/docs/fr/core-concepts/astro-components.mdx b/src/content/docs/fr/core-concepts/astro-components.mdx
index b4092eabe374f..7ad6080dbf75a 100644
--- a/src/content/docs/fr/core-concepts/astro-components.mdx
+++ b/src/content/docs/fr/core-concepts/astro-components.mdx
@@ -361,7 +361,6 @@ Maintenant, les emplacements par défaut et `head` passés à `HomeLayout` seron
 ---
 import HomeLayout from '../layouts/HomeLayout.astro';
 ---
-
 <HomeLayout>
 	<title slot="head">Astro</title>
 	<h1>Astro</h1>
@@ -381,7 +380,8 @@ Les composants HTML ne doivent contenir que du code HTML valide et ne disposent
 :::note
 Un [élément `<slot />`](#les-emplacements-slots) à l'intérieur d'un composant HTML fonctionnera comme il le ferait dans un composant Astro. Pour utiliser l'élément [Slot des Web Components (composants web)](https://developer.mozilla.org/fr/docs/Web/HTML/Element/slot)  à la place, ajoutez `is:inline` à votre élément `<slot>`.
 :::
-
 ## Étapes suivantes
 
-📚 Apprendre comment utiliser les [composants de framework JavaScript](/fr/core-concepts/framework-components/) dans votre projet Astro.
+import ReadMore from '~/components/ReadMore.astro';
+
+<ReadMore>Apprendre comment utiliser les [composants de framework JavaScript](/fr/core-concepts/framework-components/) dans votre projet Astro.</ReadMore>