From 33055e92e287a51213bde7a99eff05cb2edccc8e Mon Sep 17 00:00:00 2001
From: dahaca <dahaca17@gmail.com>
Date: Thu, 5 May 2022 18:44:44 +0200
Subject: [PATCH] fix: switch behavior

(cherry picked from commit 14464fa850dc9fe69bd52b92d50a99b2f3f5bb58)
---
 packages/components/src/components/form/Switch/index.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/components/src/components/form/Switch/index.tsx b/packages/components/src/components/form/Switch/index.tsx
index b0c7710eaeb..0f34ad51045 100755
--- a/packages/components/src/components/form/Switch/index.tsx
+++ b/packages/components/src/components/form/Switch/index.tsx
@@ -89,17 +89,20 @@ export const Switch = ({
         isChecked={isChecked}
         isDisabled={isDisabled}
         isSmall={isSmall}
-        onClick={() => onChange(isChecked)}
+        onClick={e => {
+            e.preventDefault();
+            onChange(!isChecked);
+        }}
         className={className}
         data-test={dataTest}
     >
-        <Handle isSmall={isSmall} isChecked={isChecked} />
+        <Handle isSmall={isSmall} isChecked={isChecked} type="button" />
         <CheckboxInput
             type="checkbox"
             role="switch"
             checked={isChecked}
             disabled={isDisabled}
-            onChange={() => onChange(isChecked)}
+            onChange={() => onChange(!isChecked)}
             aria-checked={isChecked}
         />
     </Container>