diff --git a/app/views/teaching_events/about_git_events.html.erb b/app/views/teaching_events/about_git_events.html.erb
index 7d26e72039..90eb32367d 100644
--- a/app/views/teaching_events/about_git_events.html.erb
+++ b/app/views/teaching_events/about_git_events.html.erb
@@ -48,7 +48,7 @@
       ) %>
 
       <% if @git_events.any? %>
-        <section class="category__cards">
+        <section id="events" class="category__cards">
           <%= tag.nav(class: "category__nav-cards") do %>
             <ul class="one-column horizontal">
               <%= render(Categories::CardComponent.with_collection(categorise_events(@git_events))) %>
diff --git a/app/webpacker/styles/category.scss b/app/webpacker/styles/category.scss
index 60c597b63b..39f01964da 100644
--- a/app/webpacker/styles/category.scss
+++ b/app/webpacker/styles/category.scss
@@ -217,3 +217,11 @@
     margin-bottom: 0;
   }
 }
+
+#events .category__nav-cards {
+  margin-bottom: 3em;
+}
+
+#events .category__nav-card {
+  background: $white;
+}