From 7c6eb6ab58e761636637b4e6bdd3affa9521e605 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Mon, 24 Feb 2025 22:02:34 +0100
Subject: [PATCH] fix: switch on should be ok in style

---
 src/components/ui/switch.tsx | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/switch.tsx b/src/components/ui/switch.tsx
index 4c11c0f..81e8155 100644
--- a/src/components/ui/switch.tsx
+++ b/src/components/ui/switch.tsx
@@ -3,7 +3,8 @@
 import * as React from "react";
 import { cn } from "@/lib/utils";
 
-interface SwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "role" | "aria-checked"> {
+interface SwitchProps
+  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "role" | "aria-checked"> {
   onCheckedChange?: (checked: boolean) => void;
 }
 
@@ -33,10 +34,12 @@ const Switch = React.forwardRef<HTMLInputElement, SwitchProps>(
           aria-checked={checked ?? defaultChecked ?? false}
           {...props}
         />
-        <span className={cn(
-          "pointer-events-none absolute left-1 h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
-          "peer-checked:translate-x-5"
-        )} />
+        <span
+          className={cn(
+            "pointer-events-none absolute left-0.5 h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform",
+            "peer-checked:translate-x-[20px]"
+          )}
+        />
       </div>
     );
   }