diff --git a/app/views/devise/passwords/new.html.haml b/app/views/devise/passwords/new.html.haml
index dac711443..e2f68f417 100644
--- a/app/views/devise/passwords/new.html.haml
+++ b/app/views/devise/passwords/new.html.haml
@@ -3,17 +3,20 @@
- content_for :footer do
= render partial: 'root/footer'
-.container.devise-container
- .one-column-centered
- = devise_error_messages!
+.fr-container.fr-my-5w
+ .fr-grid-row.fr-grid-row--center
+ .fr-col-lg-6
+ = devise_error_messages!
- = form_for(resource, as: resource_name, url: password_path(resource_name), html: { class: 'form' }) do |f|
+ = form_for(resource, as: resource_name, url: password_path(resource_name)) do |f|
+ %fieldset.fr-mb-0.fr-fieldset{ aria: { labelledby: 'new-password-legend' } }
+ %legend.fr-fieldset__legend#new-password-legend
+ %h1.fr-h2= t('devise.passwords.new.forgot_your_password')
- %h1= t('devise.passwords.new.forgot_your_password')
+ .fr-fieldset__element
+ %p.fr-text--sm= t('devise.passwords.new.send_me_reset_password_instructions')
- %p.notice= t('devise.passwords.new.send_me_reset_password_instructions')
+ .fr-fieldset__element
+ = render Dsfr::InputComponent.new(form: f, attribute: :email, input_type: :email_field, opts: { autocomplete: 'email', autofocus: true })
- = f.label :email, 'Email'
- = f.email_field :email, autofocus: true
-
- = f.submit t('devise.passwords.new.request_new_password'), class: 'fr-btn fr-btn--lg'
+ = f.submit t('devise.passwords.new.request_new_password'), class: 'fr-btn fr-btn--lg fr-mt-4w'