<div class=“md:mx-auto md:max-w-md overflow-hidden mx-0”>

<div class="shadow-md rounded px-8 pt-6 pb-8 mb-4 flex flex-col justify-center bg-gray-50">
  <h2 class="text-center text-xl text-black">

<%- if options -%>

<%%= title('Forgot your password?') %>

<%- else -%>

Forgot your password?

<%- end -%>

  </h2>
  <%%= simple_form_for(resource, as: resource_name, url: password_path(resource_name), html: { method: :post }) do |f| %>
    <%%= f.error_notification %>
    <%%= f.input :email, required: true, autofocus: true, input_html: { autocomplete: 'email' } %>
    <%%= f.button :submit, 'Send me reset password instructions', class: 'w-full' %>
  <%% end %>
  <%%= render 'devise/shared/links' %>
</div>

</div>