From 15edd598b5073fb122fd572f9f6514d5491463d3 Mon Sep 17 00:00:00 2001
From: PEDZEO <vitali.gavrikov@yandex.ru>
Date: Wed, 21 Jan 2026 04:50:50 +0300
Subject: [PATCH] Fix Toggle animation: use translate-x instead of left
 position

---
 src/components/admin/Toggle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/admin/Toggle.tsx b/src/components/admin/Toggle.tsx
index 7159cb0..44c8292 100644
--- a/src/components/admin/Toggle.tsx
+++ b/src/components/admin/Toggle.tsx
@@ -13,8 +13,8 @@ export function Toggle({ checked, onChange, disabled }: ToggleProps) {
         checked ? 'bg-accent-500' : 'bg-dark-600'
       } ${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}`}
     >
-      <div className={`absolute top-1 w-4 h-4 bg-white rounded-full transition-transform ${
-        checked ? 'left-7' : 'left-1'
+      <div className={`absolute top-1 left-1 w-4 h-4 bg-white rounded-full transition-transform duration-200 ${
+        checked ? 'translate-x-6' : 'translate-x-0'
       }`} />
     </button>
   )