From a3db2e9d5a7138ed76c2acf323e474ae5b79082e Mon Sep 17 00:00:00 2001
From: HotelSync <admin@hotelsync.ru>
Date: Tue, 14 Apr 2026 13:29:31 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20chat=20settings=20toggle=20=E2=80=94=20d?=
 =?UTF-8?q?ot=20no=20longer=20overflows=20button=20bounds?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/chat/ChatWidget.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/chat/ChatWidget.tsx b/src/components/chat/ChatWidget.tsx
index ff35542..177e2aa 100644
--- a/src/components/chat/ChatWidget.tsx
+++ b/src/components/chat/ChatWidget.tsx
@@ -881,8 +881,8 @@ function ToggleRow({ icon, label, checked, onChange }: {
       <span className="text-slate-500 shrink-0">{icon}</span>
       <span className="flex-1 text-sm text-slate-700 dark:text-slate-300 leading-tight">{label}</span>
       <button onClick={() => onChange(!checked)}
-        className={cn('relative w-10 h-5 rounded-full transition-colors shrink-0', checked ? 'bg-brand-600' : 'bg-slate-300 dark:bg-slate-600')}>
-        <span className={cn('absolute top-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', checked ? 'translate-x-5' : 'translate-x-0.5')} />
+        className={cn('relative w-10 h-5 rounded-full transition-colors shrink-0 overflow-hidden', checked ? 'bg-brand-600' : 'bg-slate-300 dark:bg-slate-600')}>
+        <span className={cn('absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform', checked ? 'translate-x-5' : 'translate-x-0')} />
       </button>
     </div>
   )