From d992a8b5a68cc79bcb72d38f3d37d40046d32267 Mon Sep 17 00:00:00 2001
From: 2GT-Rich <107219997+2GT-Rich@users.noreply.github.com>
Date: Tue, 14 Apr 2026 08:43:03 -0700
Subject: [PATCH] Align Wireless Clients zebra striping with app-wide
 table-zebra pattern

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/WirelessClientsPage.tsx | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/WirelessClientsPage.tsx b/frontend/src/pages/WirelessClientsPage.tsx
index f838a8b..3805730 100644
--- a/frontend/src/pages/WirelessClientsPage.tsx
+++ b/frontend/src/pages/WirelessClientsPage.tsx
@@ -81,21 +81,15 @@ export default function WirelessClientsPage() {
                   <th className="px-4 py-3 text-left font-medium text-gray-500 dark:text-slate-400">Access Point</th>
                 </tr>
               </thead>
-              <tbody>
-                {clients.map((client, i) => {
+              <tbody className="divide-y divide-gray-100 dark:divide-slate-700 table-zebra">
+                {clients.map((client) => {
                   const c = client as Client & { device_name?: string; ssid?: string };
                   const name = c.custom_name || c.hostname || c.mac_address;
                   const dbm = c.signal_strength ?? null;
                   return (
                     <tr
                       key={c.mac_address}
-                      className={clsx(
-                        'transition-colors',
-                        i % 2 === 0
-                          ? 'bg-white dark:bg-slate-900'
-                          : 'bg-gray-50 dark:bg-slate-800/40',
-                        'hover:bg-blue-50/50 dark:hover:bg-slate-700/40'
-                      )}
+                      className="hover:bg-gray-50 dark:hover:bg-slate-700/30 transition-colors"
                     >
                       <td className="px-4 py-3 font-medium">
                         <button