From bbf65a7ef8541fd69ddf4b2f6b51817075e99d98 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?William=20S=C3=B6derberg?= <william@soderberg.tech>
Date: Thu, 7 May 2026 13:46:10 +0200
Subject: [PATCH] Fixed toggle on mobile

---
 app/admin/NoticeTab.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/admin/NoticeTab.tsx b/app/admin/NoticeTab.tsx
index d046c8b..4be196b 100644
--- a/app/admin/NoticeTab.tsx
+++ b/app/admin/NoticeTab.tsx
@@ -59,9 +59,9 @@ export const NoticeTab = ({ isOffline }: { isOffline: boolean }) => {
                     <button
                         onClick={() => setNotice({ ...notice, isActive: !notice.isActive })}
                         disabled={isOffline}
-                        className={`relative inline-flex h-7 w-14 items-center rounded-full transition-colors focus:outline-none shadow-inner disabled:opacity-50 ${notice.isActive ? 'bg-moss' : 'bg-slate-teal/20'}`}
+                        className={`relative inline-flex h-7 w-12 shrink-0 items-center rounded-full transition-colors focus:outline-none shadow-inner disabled:opacity-50 ${notice.isActive ? 'bg-moss' : 'bg-slate-teal/20'}`}
                     >
-                        <span className={`inline-block h-5 w-5 transform rounded-full bg-white transition-transform shadow-sm ${notice.isActive ? 'translate-x-8' : 'translate-x-1'}`} />
+                        <span className={`inline-block h-5 w-5 transform rounded-full bg-white transition-transform shadow-sm ${notice.isActive ? 'translate-x-6' : 'translate-x-1'}`} />
                     </button>
                 </div>