From dc263f8613f35dc882be0178a73fce81f3afc7f2 Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell@unturf.com>
Date: Sun, 30 Nov 2025 05:22:11 -0500
Subject: [PATCH] 	modified:   templates/browse.html

---
 templates/browse.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/templates/browse.html b/templates/browse.html
index c072900..6d9e209 100644
--- a/templates/browse.html
+++ b/templates/browse.html
@@ -73,6 +73,10 @@
         .room-tab:hover {
             color: var(--button-primary);
         }
+        .room-tab:focus {
+            outline: none;
+            background: none;
+        }
         .room-tab.active {
             color: var(--button-primary);
             border-bottom-color: var(--button-primary);
@@ -193,10 +197,10 @@
     </div>
 
     <div class="room-tabs">
-        <button class="room-tab active" onclick="switchTab('public')">
+        <button class="room-tab active" onclick="switchTab('public', this)">
             🌍 Public Rooms
         </button>
-        <button class="room-tab" onclick="switchTab('private')">
+        <button class="room-tab" onclick="switchTab('private', this)">
             🔐 Private Rooms
         </button>
     </div>
@@ -276,12 +280,12 @@
         const savedTheme = localStorage.getItem('theme') || 'light';
         document.documentElement.setAttribute('data-theme', savedTheme);
 
-        function switchTab(tab) {
+        function switchTab(tab, element) {
             // Update tab buttons
             document.querySelectorAll('.room-tab').forEach(btn => {
                 btn.classList.remove('active');
             });
-            event.target.classList.add('active');
+            element.classList.add('active');
 
             // Update sections
             document.querySelectorAll('.room-section').forEach(section => {