diff --git a/app/assets/stylesheets/card_admin.scss b/app/assets/stylesheets/card_admin.scss
index 8f678d3aa..5001efce2 100644
--- a/app/assets/stylesheets/card_admin.scss
+++ b/app/assets/stylesheets/card_admin.scss
@@ -4,3 +4,7 @@
 .fr-tile-subtitle {
   min-height: 7rem;
 }
+
+.card-welcome {
+  margin: 30px auto;
+}
diff --git a/app/views/administrateurs/procedures/new_from_existing.html.haml b/app/views/administrateurs/procedures/new_from_existing.html.haml
index 76ccd4178..d5f4adf58 100644
--- a/app/views/administrateurs/procedures/new_from_existing.html.haml
+++ b/app/views/administrateurs/procedures/new_from_existing.html.haml
@@ -1,31 +1,31 @@
 .container
   - if current_administrateur.procedures.brouillons.count == 0
-    .card.feedback
-      .card-title
-      Bienvenue,
-      %br
-      vous allez pouvoir créer une première démarche de test.
-      Celle-ci sera visible uniquement par vous et ne sera publiée nulle part, alors pas de crainte à avoir.
-      %br
-      %br
-      Besoin d’aide ?
-      %br
-      > Vous pouvez
-      = link_to "visionner cette vidéo",
-        "https://vimeo.com/261478872",
-        target: "_blank"
-      %br
-      > Vous pouvez lire notre
-      = link_to "documentation en ligne",
-        ADMINISTRATEUR_TUTORIAL_URL,
-        target: "_blank"
-
-      %br
-      > Vous pouvez enfin
-      = link_to "prendre un rendez-vous téléphonique avec nous",
-        CALENDLY_URL,
-        target: "_blank"
-
+    .card-welcome
+      = render Dsfr::CalloutComponent.new(title: nil, icon: "fr-icon-information-line") do |c|
+        - c.with_html_body do
+          %p
+            Bienvenue,
+            %br
+            vous allez pouvoir créer une première démarche de test.
+            Celle-ci sera visible uniquement par vous et ne sera publiée nulle part, alors pas de crainte à avoir.
+            %br
+            %br
+            Besoin d’aide ?
+            %br
+            > Vous pouvez
+            = link_to "visionner cette vidéo",
+              "https://vimeo.com/261478872",
+              target: "_blank"
+            %br
+            > Vous pouvez lire notre
+            = link_to "documentation en ligne",
+              ADMINISTRATEUR_TUTORIAL_URL,
+              target: "_blank"
+            %br
+            > Vous pouvez enfin
+            = link_to "prendre un rendez-vous téléphonique avec nous",
+              CALENDLY_URL,
+              target: "_blank"
       :javascript
         document.addEventListener("DOMContentLoaded", function() {
           $crisp.push(["do", "trigger:run", ["admin-signup"]]);