From c2452278c7b03d6b7813a9f2d77b9253e51ca40b Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Fri, 19 Sep 2025 09:28:35 -0700
Subject: [PATCH] Fix more IDs and fors

---
 site/src/content/docs/forms/checkbox.mdx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/site/src/content/docs/forms/checkbox.mdx b/site/src/content/docs/forms/checkbox.mdx
index 3b336faecb..8a1350e70b 100644
--- a/site/src/content/docs/forms/checkbox.mdx
+++ b/site/src/content/docs/forms/checkbox.mdx
@@ -63,13 +63,13 @@ Consider margin utilities for additional spacing, and flex utilities for alignme
 
 <Example code={`<b-checkgroup>
     <div class="check">
-      <input type="checkbox" id="check" />
+      <input type="checkbox" id="checkLabel" />
       <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
         <path class="checked" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
         <path class="indeterminate" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/>
       </svg>
     </div>
-    <label for="check">Example new checkbox</label>
+    <label for="checkLabel">Example new checkbox</label>
   </b-checkgroup>`} />
 
 ## Description
@@ -78,14 +78,14 @@ With this layout approach, you can easily add a description or other content aft
 
 <Example code={`<b-checkgroup>
     <div class="check">
-      <input type="checkbox" id="checkLabel" />
+      <input type="checkbox" id="checkDescription" />
       <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
         <path class="checked" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/>
         <path class="indeterminate" fill='none' stroke='currentcolor' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/>
       </svg>
     </div>
     <b-vstack>
-      <label for="checkLabel">Example new checkbox</label>
+      <label for="checkDescription">Example new checkbox</label>
       <small class="description">Supporting description for the above label.</small>
     </b-vstack>
   </b-checkgroup>`} />