diff --git a/site/content/docs/5.3/dark-mode.md b/site/content/docs/5.3/dark-mode.md
index 759b8bba6f..29aa5bdbaa 100644
--- a/site/content/docs/5.3/dark-mode.md
+++ b/site/content/docs/5.3/dark-mode.md
@@ -652,11 +652,11 @@ Additional variables for dark-mode (temporary)
   <ul class="list-unstyled d-flex gap-2 flex-wrap m-0">
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-mobile1" autocomplete="off">
-      <label class="tag" for="btncheck-mobile"><span class="visually-hidden">Filter by</span>Mobile</label>
+      <label class="tag" for="btncheck-mobile1"><span class="visually-hidden">Filter by</span>Mobile</label>
     </li>
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-tv1" autocomplete="off" checked>
-      <label class="tag" for="btncheck-tv">
+      <label class="tag" for="btncheck-tv1">
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 1000 1000" aria-hidden="true" focusable="false">
           <path fill="currentColor" d="M75,200V720H225v80H775V720H925V200H75ZM500,755a30,30,0,1,1,30-30A30,30,0,0,1,500,755Zm365-95H135V260H865V660Z"></path>
         </svg>
@@ -695,11 +695,11 @@ Additional variables for dark-mode (temporary)
   <ul class="list-unstyled d-flex gap-2 flex-wrap m-0">
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-mobile2" autocomplete="off">
-      <label class="tag" for="btncheck-mobile"><span class="visually-hidden">Filter by</span>Mobile</label>
+      <label class="tag" for="btncheck-mobile2"><span class="visually-hidden">Filter by</span>Mobile</label>
     </li>
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-tv2" autocomplete="off" checked>
-      <label class="tag" for="btncheck-tv">
+      <label class="tag" for="btncheck-tv2">
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 1000 1000" aria-hidden="true" focusable="false">
           <path fill="currentColor" d="M75,200V720H225v80H775V720H925V200H75ZM500,755a30,30,0,1,1,30-30A30,30,0,0,1,500,755Zm365-95H135V260H865V660Z"></path>
         </svg>
@@ -738,11 +738,11 @@ Additional variables for dark-mode (temporary)
   <ul class="list-unstyled d-flex gap-2 flex-wrap m-0">
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-mobile3" autocomplete="off">
-      <label class="tag" for="btncheck-mobile"><span class="visually-hidden">Filter by</span>Mobile</label>
+      <label class="tag" for="btncheck-mobile3"><span class="visually-hidden">Filter by</span>Mobile</label>
     </li>
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-tv3" autocomplete="off" checked>
-      <label class="tag" for="btncheck-tv">
+      <label class="tag" for="btncheck-tv3">
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 1000 1000" aria-hidden="true" focusable="false">
           <path fill="currentColor" d="M75,200V720H225v80H775V720H925V200H75ZM500,755a30,30,0,1,1,30-30A30,30,0,0,1,500,755Zm365-95H135V260H865V660Z"></path>
         </svg>
@@ -781,11 +781,11 @@ Additional variables for dark-mode (temporary)
   <ul class="list-unstyled d-flex gap-2 flex-wrap m-0" data-bs-theme="dark">
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-mobile4" autocomplete="off">
-      <label class="tag" for="btncheck-mobile"><span class="visually-hidden">Filter by</span>Mobile</label>
+      <label class="tag" for="btncheck-mobile4"><span class="visually-hidden">Filter by</span>Mobile</label>
     </li>
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-tv4" autocomplete="off" checked>
-      <label class="tag" for="btncheck-tv">
+      <label class="tag" for="btncheck-tv4">
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 1000 1000" aria-hidden="true" focusable="false">
           <path fill="currentColor" d="M75,200V720H225v80H775V720H925V200H75ZM500,755a30,30,0,1,1,30-30A30,30,0,0,1,500,755Zm365-95H135V260H865V660Z"></path>
         </svg>
@@ -824,11 +824,11 @@ Additional variables for dark-mode (temporary)
   <ul class="list-unstyled d-flex gap-2 flex-wrap m-0" data-bs-theme="light">
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-mobile5" autocomplete="off">
-      <label class="tag" for="btncheck-mobile"><span class="visually-hidden">Filter by</span>Mobile</label>
+      <label class="tag" for="btncheck-mobile4"><span class="visually-hidden">Filter by</span>Mobile</label>
     </li>
     <li>
       <input type="checkbox" class="btn-check" id="btncheck-tv5" autocomplete="off" checked>
-      <label class="tag" for="btncheck-tv">
+      <label class="tag" for="btncheck-tv4">
         <svg width="1.5rem" height="1.5rem" viewBox="0 0 1000 1000" aria-hidden="true" focusable="false">
           <path fill="currentColor" d="M75,200V720H225v80H775V720H925V200H75ZM500,755a30,30,0,1,1,30-30A30,30,0,0,1,500,755Zm365-95H135V260H865V660Z"></path>
         </svg>