From d861cde0208361323b7a8a7e5ecf2f8206ec1a87 Mon Sep 17 00:00:00 2001
From: Hannah Issermann <hannah.issermann@orange.com>
Date: Tue, 17 Dec 2024 09:15:35 +0100
Subject: [PATCH] fix btn ids

---
 site/content/docs/0.0/components/buttons.md | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/site/content/docs/0.0/components/buttons.md b/site/content/docs/0.0/components/buttons.md
index 12af548454..1b8ac7cbb1 100644
--- a/site/content/docs/0.0/components/buttons.md
+++ b/site/content/docs/0.0/components/buttons.md
@@ -371,24 +371,24 @@ See the buttons un cation in our [loading buttons live example]({{< docsref "/ex
       <span id="loading-btn-msg1" class="visually-hidden">Downloading file 1</span>
     </span>
   </button>
-  <button type="button" class="btn btn-default loading-determinate" id="loading-btn1" disabled>
-    Download file 1
+  <button type="button" class="btn btn-default loading-determinate" id="loading-btn2" disabled>
+    Download file 2
     <span role="status">
-      <span id="loading-btn-msg1" class="visually-hidden">Downloading file 1</span>
+      <span id="loading-btn-msg2" class="visually-hidden">Downloading file 2</span>
     </span>
   </button>
 </div>
 <div class="bg-primary p-short">
-  <button type="button" class="btn btn-default-on-colored-bg loading-indeterminate" id="loading-btn2" disabled>
-    Download file 2
+  <button type="button" class="btn btn-default-on-colored-bg loading-indeterminate" id="loading-btn3" disabled>
+    Download file 3
     <span role="status">
-      <span id="loading-btn-msg2" class="visually-hidden">Downloading file 1</span>
+      <span id="loading-btn-msg3" class="visually-hidden">Downloading file 3</span>
     </span>
   </button>
-  <button type="button" class="btn btn-default-on-colored-bg loading-determinate" id="loading-btn2" disabled>
-    Download file 2
+  <button type="button" class="btn btn-default-on-colored-bg loading-determinate" id="loading-btn4" disabled>
+    Download file 4
     <span role="status">
-      <span id="loading-btn-msg2" class="visually-hidden">Downloading file 1</span>
+      <span id="loading-btn-msg4" class="visually-hidden">Downloading file 4</span>
     </span>
   </button>
 </div>