diff --git a/src/CallOut.tsx b/src/CallOut.tsx
index 71162215..5e7ced78 100644
--- a/src/CallOut.tsx
+++ b/src/CallOut.tsx
@@ -79,7 +79,7 @@ export const CallOut = memo(
                         {title}
                     </HtmlTitleTag>
                 )}
-                <p className={cx(fr.cx("fr-callout__text"), classes.text)}> {children} </p>
+                <div className={cx(fr.cx("fr-callout__text"), classes.text)}> {children} </div>
                 {buttonProps !== undefined && (
                     <Button
                         {...buttonProps}
diff --git a/stories/CallOut.stories.tsx b/stories/CallOut.stories.tsx
index 968a13d6..30d325f1 100644
--- a/stories/CallOut.stories.tsx
+++ b/stories/CallOut.stories.tsx
@@ -71,7 +71,7 @@ const { meta, getStory } = getStoryFactory({
 export default meta;
 
 export const Default = getStory({
-    "title": "Titre mise en avant",
+    "title": "Titre mis en avant",
     "iconId": "ri-information-line",
     "children": `Les parents d’enfants de 11 à 14 ans n’ont aucune démarche à 
     accomplir : les CAF versent automatiquement l’ARS aux familles déjà allocataires 
@@ -96,7 +96,7 @@ export const NoTitle = getStory({
 });
 
 export const NoIcon = getStory({
-    "title": "Titre mise en avant",
+    "title": "Titre mis en avant",
     "children": `Les parents d’enfants de 11 à 14 ans n’ont aucune démarche à 
     accomplir : les CAF versent automatiquement l’ARS aux familles déjà allocataires 
     qui remplissent les conditions.`,
@@ -108,7 +108,7 @@ export const NoIcon = getStory({
 });
 
 export const NoButton = getStory({
-    "title": "Titre mise en avant",
+    "title": "Titre mis en avant",
     "iconId": "ri-information-line",
     "children": `Les parents d’enfants de 11 à 14 ans n’ont aucune démarche à 
     accomplir : les CAF versent automatiquement l’ARS aux familles déjà allocataires