diff --git a/app/components/sdg/goals/index_component.html.erb b/app/components/sdg/goals/index_component.html.erb
index 99caed36a..7769fb03d 100644
--- a/app/components/sdg/goals/index_component.html.erb
+++ b/app/components/sdg/goals/index_component.html.erb
@@ -1,8 +1,8 @@
 <% provide(:title) { title } %>
 
-<%= render Shared::BannerComponent.new("sdg") %>
+<main class="sdg-goals-index">
+  <%= render Shared::BannerComponent.new("sdg") %>
 
-<div class="sdg-goals-index">
   <%= link_list(*goal_links, class: "sdg-goal-list") %>
 
   <% phases.each do |phase| %>
@@ -14,4 +14,4 @@
       <%= render "shared/cards", cards: phase.cards %>
     </section>
   <% end %>
-</div>
+</main>