<% if role.supports_historical_accounts? %>
  <section id="past-role-holders" class="govuk-!-padding-bottom-9">
    <%= render "govuk_publishing_components/components/heading", {
      text: t("roles.previous_holders"),
    } %>
    <p class="govuk-body" lang="en">
      <%= t("roles.find_out_more_html", link: link_to(t("roles.past") + " #{role.title.pluralize}", role.past_holders_url, class: "govuk-link")) %>
    </p>
  </section>
<% elsif role.past_holders.present? %>
  <section id="past-role-holders" class="govuk-!-padding-bottom-9">
    <%= render "govuk_publishing_components/components/heading", {
      text: t("roles.previous_holders"),
    } %>
    <%= render "components/taxon-list", {
      items: role.past_holders.map do |rh|
        {
          text: rh['title'],
          path: rh['base_path'],
          description: "#{rh['details']['start_year']} to #{rh['details']['end_year']}"
        }
      end
    } %>
  </section>
<% end %>

<% if role.supports_historical_accounts? %>
  <section id="past-role-holders" class="govuk-!-padding-bottom-9">
    <%= render "govuk_publishing_components/components/heading", {
      text: t("roles.previous_holders"),
    } %>
    <p class="govuk-body" lang="en">
      <%= t("roles.find_out_more_html", link: link_to(t("roles.past") + " #{role.title.pluralize}", role.past_holders_url, class: "govuk-link")) %>
    </p>
  </section>
<% elsif role.past_holders.present? %>
  <section id="past-role-holders" class="govuk-!-padding-bottom-9">
    <%= render "govuk_publishing_components/components/heading", {
      text: t("roles.previous_holders"),
    } %>
    <%= render "components/taxon-list", {
      heading_level: 3,
      items: role.past_holders.map do |rh|
        {
          text: rh['title'],
          path: rh['base_path'],
          description: "#{rh['details']['start_year']} to #{rh['details']['end_year']}",
        }
      end
    } %>
  </section>
<% end %>

Fix past role holders header hierarchy
Fix past role holders header hierarchy
