From 2db36c48a8ac7301bc2f86d99e6fac6574ec2337 Mon Sep 17 00:00:00 2001
From: Pierre Wizla <4233866+pwizla@users.noreply.github.com>
Date: Fri, 11 Sep 2026 12:31:38 +0200
Subject: [PATCH 1/2] Fix the NextSteps separator, which never rendered between
 linked steps

---
 .../src/components/NextSteps/next-steps.module.scss  | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/docusaurus/src/components/NextSteps/next-steps.module.scss b/docusaurus/src/components/NextSteps/next-steps.module.scss
index c4e3298628..553e27865c 100644
--- a/docusaurus/src/components/NextSteps/next-steps.module.scss
+++ b/docusaurus/src/components/NextSteps/next-steps.module.scss
@@ -62,10 +62,16 @@
   border-radius: 12px;
   margin: 0 -24px;
   width: calc(100% + 48px);
+}
 
-  &:last-child {
-    border-bottom: none;
-  }
+// The separator belongs between steps, so only the last one drops it. A linked
+// step is wrapped in its own `<a class="stepLink">`, which makes `.step` the
+// only child there: `.step:last-child` would match on every linked step and
+// remove every separator. The rule has to look at the last child of `.steps`
+// instead, whether that child is the link wrapper or a bare unlinked step.
+.steps > :last-child .step,
+.steps > .step:last-child {
+  border-bottom: none;
 }
 
 .stepNumber {

From a8c82a1b907c1d5d4e828aa7e5dd75820c75e99c Mon Sep 17 00:00:00 2001
From: Pierre Wizla <4233866+pwizla@users.noreply.github.com>
Date: Fri, 11 Sep 2026 12:48:03 +0200
Subject: [PATCH 2/2] Remove the step separator instead of making it render

---
 .../src/components/NextSteps/next-steps.module.scss   | 11 -----------
 1 file changed, 11 deletions(-)

diff --git a/docusaurus/src/components/NextSteps/next-steps.module.scss b/docusaurus/src/components/NextSteps/next-steps.module.scss
index 553e27865c..b5fba6cc8c 100644
--- a/docusaurus/src/components/NextSteps/next-steps.module.scss
+++ b/docusaurus/src/components/NextSteps/next-steps.module.scss
@@ -57,23 +57,12 @@
   align-items: center;
   gap: 20px;
   padding: 28px 24px;
-  border-bottom: 1px solid var(--strapi-border, rgba(0, 0, 0, 0.06));
   transition: background 0.2s;
   border-radius: 12px;
   margin: 0 -24px;
   width: calc(100% + 48px);
 }
 
-// The separator belongs between steps, so only the last one drops it. A linked
-// step is wrapped in its own `<a class="stepLink">`, which makes `.step` the
-// only child there: `.step:last-child` would match on every linked step and
-// remove every separator. The rule has to look at the last child of `.steps`
-// instead, whether that child is the link wrapper or a bare unlinked step.
-.steps > :last-child .step,
-.steps > .step:last-child {
-  border-bottom: none;
-}
-
 .stepNumber {
   width: 40px;
   height: 40px;