From 4a02851631269872513af133c649d4caee9102c4 Mon Sep 17 00:00:00 2001
From: doup <asier@illarra.com>
Date: Thu, 5 Dec 2024 16:51:11 +0100
Subject: [PATCH] Use `<hr>` instead of adding `border-top` to Migration
 headings

---
 sass/pages/_migration_guide.scss         | 15 ++++++++++++---
 templates/shortcodes/migration_guides.md |  3 +++
 2 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/sass/pages/_migration_guide.scss b/sass/pages/_migration_guide.scss
index a42cef3f13..787d362110 100644
--- a/sass/pages/_migration_guide.scss
+++ b/sass/pages/_migration_guide.scss
@@ -19,9 +19,18 @@
   }
 
   h3 {
-    margin-block: 2rem .5rem;
-    padding-top: 2rem;
-    border-top: solid rgba(#fff, 0.05) 1px;
+    margin-block: 2rem 0.5rem;
+  }
+
+  hr {
+    $color: rgba(#fff, 0.05);
+
+    height: 1px;
+    color: $color;
+    background: $color;
+    font-size: 0;
+    border: 0;
+    margin-block: 2rem;
   }
 }
 
diff --git a/templates/shortcodes/migration_guides.md b/templates/shortcodes/migration_guides.md
index a26d6659aa..a6c1223e52 100644
--- a/templates/shortcodes/migration_guides.md
+++ b/templates/shortcodes/migration_guides.md
@@ -23,6 +23,8 @@
 ## {{ area_name }}
 {% endif %}
 
+{% if not area_changed %}<hr>{% endif %}
+
 ### {{ guide.title }}
 
 <ul class="migration-guide-meta">
@@ -37,4 +39,5 @@
 {{ guide_body }}
 
 {% endfor %}
+
 </div>