diff --git a/app/components/dossiers/autosave_footer_component/autosave_footer_component.html.haml b/app/components/dossiers/autosave_footer_component/autosave_footer_component.html.haml
index 78e38c3c4d8..976e29b265d 100644
--- a/app/components/dossiers/autosave_footer_component/autosave_footer_component.html.haml
+++ b/app/components/dossiers/autosave_footer_component/autosave_footer_component.html.haml
@@ -1,5 +1,5 @@
.autosave.autosave-state-idle{ data: { controller: 'autosave-status' } }
- %p.autosave-explanation.fr-text--sm
+ %p.autosave-explanation.fr-text--sm.fr-mb-0
%span.autosave-explanation-text
- if annotation?
= t('.annotations.explanation')
@@ -10,7 +10,7 @@
- if !annotation?
= link_to t('.more_information'), t("links.common.faq.autosave_url"), class: 'autosave-more-infos fr-link fr-link--sm', **external_link_attributes
- %p.autosave-status.succeeded
+ %p.autosave-status.succeeded.fr-mb-0
%span.autosave-icon.icon.accept
%span.autosave-label
- if annotation?
@@ -22,7 +22,7 @@
- if !annotation?
= link_to t('.more_information'), t("links.common.faq.autosave_url"), class: 'autosave-more-infos fr-link fr-link--sm', **external_link_attributes
- %p.autosave-status.failed
+ %p.autosave-status.failed.fr-mb-0
%span.autosave-icon ⚠️
%span.autosave-label
- if annotation?
diff --git a/app/components/dossiers/edit_footer_component/edit_footer_component.en.yml b/app/components/dossiers/edit_footer_component/edit_footer_component.en.yml
index c6b8c398d90..098e6ec0b86 100644
--- a/app/components/dossiers/edit_footer_component/edit_footer_component.en.yml
+++ b/app/components/dossiers/edit_footer_component/edit_footer_component.en.yml
@@ -3,4 +3,4 @@ en:
submit: Submit the file
submit_changes: Submit file changes
submitting: Submitting…
- invite_notice: You are invited to make amendments to this file but only the owner themselves can submit it.
+ invite_notice: You are invited to make amendments to this file but only the owner themselves can submit it.
diff --git a/app/components/dossiers/edit_footer_component/edit_footer_component.fr.yml b/app/components/dossiers/edit_footer_component/edit_footer_component.fr.yml
index decf8b3fc80..33937aed683 100644
--- a/app/components/dossiers/edit_footer_component/edit_footer_component.fr.yml
+++ b/app/components/dossiers/edit_footer_component/edit_footer_component.fr.yml
@@ -3,4 +3,4 @@ fr:
submit: Déposer le dossier
submit_changes: Déposer les modifications
submitting: Envoi en cours…
- invite_notice: En tant qu’invité, vous pouvez remplir ce formulaire – mais le titulaire du dossier doit le déposer lui-même.
+ invite_notice: En tant qu’invité, vous pouvez remplir ce formulaire – mais le titulaire du dossier doit le déposer lui-même.
diff --git a/app/components/dossiers/edit_footer_component/edit_footer_component.html.haml b/app/components/dossiers/edit_footer_component/edit_footer_component.html.haml
index 277fb5d0bfd..d2569106ebe 100644
--- a/app/components/dossiers/edit_footer_component/edit_footer_component.html.haml
+++ b/app/components/dossiers/edit_footer_component/edit_footer_component.html.haml
@@ -9,8 +9,12 @@
- if @dossier.brouillon? && !owner?
- .send-notice.invite-cannot-submit
- = t('.invite_notice')
+ .fr-pb-2w.invite-cannot-submit
+ = render ::Dsfr::AlertComponent.new(state: :info, title: nil, size: :sm, heading_level: :p, extra_class_names:'') do |c|
+ - c.body do
+ %p.fr-pb-0= t('.invite_notice').html_safe
+
+
- if !annotation?
= render partial: "shared/dossiers/submit_is_over", locals: { dossier: @dossier }