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

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

diff --git a/src/components/Form/Settings/Switch/Switch.jsx b/src/components/Form/Settings/Switch/Switch.jsx
index 5670727b..56e9cfdd 100644
--- a/src/components/Form/Settings/Switch/Switch.jsx
+++ b/src/components/Form/Settings/Switch/Switch.jsx
@@ -33,7 +33,7 @@ const Switch = memo((props) => {
   }, [checked, props]);
 
   return (
-    <label className="switch-wrapper">
+    <div className="switch-wrapper">
       {!props.header && <span className="switch-label">{props.text}</span>}
       <div className={`switch-track ${checked ? 'checked' : ''}`} onClick={handleChange}>
         <div className="switch-thumb" />
@@ -44,8 +44,9 @@ const Switch = memo((props) => {
         checked={checked}
         onChange={handleChange}
         className="switch-input"
+        aria-hidden="true"
       />
-    </label>
+    </div>
   );
 });