diff --git a/app/views/instructeurs/groupe_instructeurs/index.html.haml b/app/views/instructeurs/groupe_instructeurs/index.html.haml
index 2cac708f4..0514d2ca6 100644
--- a/app/views/instructeurs/groupe_instructeurs/index.html.haml
+++ b/app/views/instructeurs/groupe_instructeurs/index.html.haml
@@ -5,12 +5,10 @@
                     ['Groupes d’instructeurs']] }
 
 .container.groupe-instructeur
+  %h1 Gestion des Groupes
   .card
-    .card-title Gestion des Groupes
+    %h2.fr-h3 Liste des groupes
     %table.table.mt-2
-      %thead
-        %tr
-          %th{ colspan: 2 } Liste des groupes
       %tbody
         - @groupes_instructeurs.each do |group|
           %tr
diff --git a/app/views/instructeurs/groupe_instructeurs/show.html.haml b/app/views/instructeurs/groupe_instructeurs/show.html.haml
index 78d13fcff..9e0dd27ab 100644
--- a/app/views/instructeurs/groupe_instructeurs/show.html.haml
+++ b/app/views/instructeurs/groupe_instructeurs/show.html.haml
@@ -21,15 +21,11 @@
       Démarche « #{@procedure.libelle} »
 
   .card.mt-2
-    .card-title Gestion des instructeurs
-    = form_for :instructeur,
-      url: { action: :add_instructeur },
-      html: { class: 'form' } do |f|
-
-      = f.label :email do
-        Affecter un nouvel instructeur
-      = f.email_field :email, placeholder: 'marie.dupont@exemple.fr', required: true
-      = f.submit 'Affecter', class: 'button primary send'
+    %h2.fr-h3 Gestion des instructeurs
+    = form_for(Instructeur.new(user: User.new), url: { action: :add_instructeur }, html: { class: 'form' }) do |f|
+      %h3.fr-h4 Affecter un nouvel instructeur 
+      = render Dsfr::InputComponent.new(form: f, attribute: :email)
+      = f.submit 'Affecter', class: 'fr-btn fr-primary'
 
     %table.table.mt-2
       %thead
@@ -40,16 +36,17 @@
           %tr
             %td= instructeur.email
             - confirmation_message = @procedure.routing_enabled? ? "Êtes-vous sûr de vouloir retirer l’instructeur « #{instructeur.email} » du groupe « #{@groupe_instructeur.label} » ?" : "Êtes-vous sûr de vouloir retirer l’instructeur « #{instructeur.email} » de la démarche ?"
-            %td.actions= button_to 'retirer',
+            %td.actions= button_to 'Retirer',
               { action: :remove_instructeur },
               { method: :delete,
                 data: { confirm: confirmation_message },
                 params: { instructeur: { id: instructeur.id }},
-                class: 'button' }
+                class: 'fr-btn fr-btn--secondary' }
 
     = paginate @instructeurs, views_prefix: 'shared'
+  
   .card.mt-2
-    .card-title Informations de contact
+    %h2.fr-h3 Informations de contact
     - service = @groupe_instructeur.contact_information
     - if service.nil?
       = "Le groupe #{@groupe_instructeur.label} n'a pas d'informations de contact. Les informations de contact affichées à l'usager seront celles du service de la procédure"
diff --git a/app/views/shared/groupe_instructeurs/_signature_form.html.haml b/app/views/shared/groupe_instructeurs/_signature_form.html.haml
index 09a8e672b..170168729 100644
--- a/app/views/shared/groupe_instructeurs/_signature_form.html.haml
+++ b/app/views/shared/groupe_instructeurs/_signature_form.html.haml
@@ -1,8 +1,7 @@
 .card.mt-2
+  %h2.fr-h3 Tampon de l'attestation
   = render NestedForms::FormOwnerComponent.new
   = form_with url: { action: :add_signature }, method: :post, html: { multipart: true } do |f|
-    .card-title Tampon de l'attestation
-
     %p.fr-text--sm.fr-text-mention--grey
       Vous pouvez apposer sur l’attestation un tampon (ou signature) dédié à ce groupe d’instructeurs.
       Si vous n’en fournissez pas, celui de la démarche sera utilisé, le cas échéant.