From 3f3d81a41f53a8dadd4d8ca33e775d6be2448655 Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Sun, 22 Mar 2026 13:30:29 +0100
Subject: [PATCH] fix: style bot filter checkboxes with accent-color orange

---
 app/sites/[id]/settings/page.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/app/sites/[id]/settings/page.tsx b/app/sites/[id]/settings/page.tsx
index e2cfe98..22c1f01 100644
--- a/app/sites/[id]/settings/page.tsx
+++ b/app/sites/[id]/settings/page.tsx
@@ -1337,12 +1337,13 @@ export default function SiteSettingsPage() {
                         </button>
                       </div>
                       {botView === 'review' && (
-                        <label className="flex items-center gap-2 text-sm text-neutral-400">
+                        <label className="flex items-center gap-2 text-sm text-neutral-400 cursor-pointer">
                           <input
                             type="checkbox"
                             checked={suspiciousOnly}
                             onChange={(e) => setSuspiciousOnly(e.target.checked)}
-                            className="rounded border-neutral-600 bg-neutral-800 text-brand-orange focus:ring-brand-orange"
+                            className="w-4 h-4 cursor-pointer"
+                            style={{ accentColor: '#FD5E0F' }}
                           />
                           Suspicious only
                         </label>
@@ -1384,7 +1385,8 @@ export default function SiteSettingsPage() {
                             else next.delete(session.session_id)
                             setSelectedSessions(next)
                           }}
-                          className="rounded border-neutral-600 bg-neutral-800 text-brand-orange focus:ring-brand-orange shrink-0"
+                          className="w-4 h-4 shrink-0 cursor-pointer"
+                          style={{ accentColor: '#FD5E0F' }}
                         />
 
                         <div className="flex-1 min-w-0">