From baece32ed442be56cc83f44330b22c82a738b45c Mon Sep 17 00:00:00 2001
From: Miodec <jack@monkeytype.com>
Date: Sat, 3 Jan 2026 17:24:19 +0100
Subject: [PATCH] use button

---
 frontend/src/html/pages/tribe.html                  | 2 +-
 frontend/src/styles/tribe.scss                      | 2 +-
 frontend/src/ts/tribe/pages/tribe-page-preloader.ts | 8 ++++++--
 frontend/src/ts/tribe/tribe.ts                      | 2 +-
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/html/pages/tribe.html b/frontend/src/html/pages/tribe.html
index cbcec729d..fe048f465 100644
--- a/frontend/src/html/pages/tribe.html
+++ b/frontend/src/html/pages/tribe.html
@@ -5,7 +5,7 @@
     </div>
     <div class="text">Please wait...</div>
     <div class="subtext"></div>
-    <div class="reconnectButton button hidden">Reconnect</div>
+    <button class="reconnectButton hidden">Reconnect</button>
   </div>
   <div class="tribePage menu hidden">
     <div class="welcome">
diff --git a/frontend/src/styles/tribe.scss b/frontend/src/styles/tribe.scss
index 70c721f7e..47754ede9 100644
--- a/frontend/src/styles/tribe.scss
+++ b/frontend/src/styles/tribe.scss
@@ -26,7 +26,7 @@
         font-size: 0.75em;
         color: var(--sub-color);
       }
-      .button {
+      button {
         width: 10rem;
       }
     }
diff --git a/frontend/src/ts/tribe/pages/tribe-page-preloader.ts b/frontend/src/ts/tribe/pages/tribe-page-preloader.ts
index e1b6f5f43..2724015e9 100644
--- a/frontend/src/ts/tribe/pages/tribe-page-preloader.ts
+++ b/frontend/src/ts/tribe/pages/tribe-page-preloader.ts
@@ -21,11 +21,15 @@ export function updateSubtext(text: string, html = false): void {
 }
 
 export function showReconnectButton(): void {
-  $(".pageTribe .tribePage.preloader .reconnectButton").removeClass(`hidden`);
+  $(".pageTribe .tribePage.preloader button.reconnectButton").removeClass(
+    `hidden`,
+  );
 }
 
 export function hideReconnectButton(): void {
-  $(".pageTribe .tribePage.preloader .reconnectButton").addClass(`hidden`);
+  $(".pageTribe .tribePage.preloader button.reconnectButton").addClass(
+    `hidden`,
+  );
 }
 
 export function reset(): void {
diff --git a/frontend/src/ts/tribe/tribe.ts b/frontend/src/ts/tribe/tribe.ts
index de4661602..a83c1ca7d 100644
--- a/frontend/src/ts/tribe/tribe.ts
+++ b/frontend/src/ts/tribe/tribe.ts
@@ -821,7 +821,7 @@ $(`.pageTribe .tribePage.lobby .lobbyButtons .startTestButton,
   initRace();
 });
 
-$(".pageTribe .tribePage.preloader .reconnectButton").on("click", () => {
+$(".pageTribe .tribePage.preloader button.reconnectButton").on("click", () => {
   TribePagePreloader.hideReconnectButton();
   void init();
 });