From 9410d89cea5b9c7395218222663047eb0ca15ed8 Mon Sep 17 00:00:00 2001
From: alexsparkes <alexsparkes@gmail.com>
Date: Sun, 25 Jan 2026 19:22:07 +0000
Subject: [PATCH] fix: change Checkbox component from label to div for better
 semantics

---
 src/components/Form/Settings/Checkbox/Checkbox.jsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Form/Settings/Checkbox/Checkbox.jsx b/src/components/Form/Settings/Checkbox/Checkbox.jsx
index 52b36e4d..da3a343d 100644
--- a/src/components/Form/Settings/Checkbox/Checkbox.jsx
+++ b/src/components/Form/Settings/Checkbox/Checkbox.jsx
@@ -34,7 +34,7 @@ const Checkbox = memo((props) => {
   }, [checked, props]);
 
   return (
-    <label className={`checkbox-wrapper ${props.disabled ? 'disabled' : ''}`}>
+    <div className={`checkbox-wrapper ${props.disabled ? 'disabled' : ''}`}>
       <span className="checkbox-label">{props.text}</span>
       <div
         className={`checkbox-box ${checked ? 'checked' : ''}`}
@@ -49,8 +49,9 @@ const Checkbox = memo((props) => {
         onChange={handleChange}
         disabled={props.disabled || false}
         className="checkbox-input"
+        aria-hidden="true"
       />
-    </label>
+    </div>
   );
 });