From 06552c2b753d42ce51545a60de06aec37c87f9d6 Mon Sep 17 00:00:00 2001
From: root <root@s52867.vps.hosting>
Date: Wed, 11 Mar 2026 15:29:37 +0000
Subject: [PATCH] fix: gate toggle button overflow, white dot stays within
 bounds

---
 frontend/components/StrategyForm.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/components/StrategyForm.tsx b/frontend/components/StrategyForm.tsx
index b5a85aa..e55ead0 100644
--- a/frontend/components/StrategyForm.tsx
+++ b/frontend/components/StrategyForm.tsx
@@ -143,9 +143,9 @@ function GateRow({
         <button
           type="button"
           onClick={onToggle}
-          className={`relative w-10 h-5 rounded-full transition-colors ${enabled ? "bg-blue-500" : "bg-slate-300"}`}
+          className={`relative inline-flex items-center w-10 h-5 rounded-full transition-colors flex-shrink-0 ${enabled ? "bg-blue-500" : "bg-slate-300"}`}
         >
-          <span className={`absolute top-0.5 w-4 h-4 bg-white rounded-full shadow transition-transform ${enabled ? "translate-x-5" : "translate-x-0.5"}`} />
+          <span className={`absolute top-0.5 left-0.5 w-4 h-4 bg-white rounded-full shadow transition-transform ${enabled ? "translate-x-5" : "translate-x-0"}`} />
         </button>
       </div>
       {enabled && <div className="mt-2">{children}</div>}