diff --git a/src/js/tribe/matchmaking.js b/src/js/tribe/matchmaking.js
index 54522f366..7e7a4b726 100644
--- a/src/js/tribe/matchmaking.js
+++ b/src/js/tribe/matchmaking.js
@@ -27,6 +27,7 @@ export function resetBanner() {
 export function disableLobbyButtons() {
   $(".pageTribe .prelobby .matchmaking .buttons .button").addClass("disabled");
   $(".pageTribe .prelobby .privateRooms .button").addClass("disabled");
+  $(".pageTribe .prelobby .privateRooms .customInput").addClass("disabled");
 }
 
 export function enableLobbyButtons() {
@@ -34,6 +35,7 @@ export function enableLobbyButtons() {
     "disabled"
   );
   $(".pageTribe .prelobby .privateRooms .button").removeClass("disabled");
+  $(".pageTribe .prelobby .privateRooms .customInput").removeClass("disabled");
 }
 
 export function showLeaveQueueButton() {
diff --git a/src/js/tribe/tribe.js b/src/js/tribe/tribe.js
index 3bd817f08..d71f36c7b 100644
--- a/src/js/tribe/tribe.js
+++ b/src/js/tribe/tribe.js
@@ -2002,6 +2002,7 @@ $(
 });
 
 $(".pageTribe .prelobby #joinByCode .customInput").click((e) => {
+  if ($(e.currentTarget).hasClass("disabled")) return;
   $(".pageTribe .prelobby #joinByCode input").focus();
 });
 
diff --git a/src/sass/style.scss b/src/sass/style.scss
index d7f5a94c9..ddebd0817 100644
--- a/src/sass/style.scss
+++ b/src/sass/style.scss
@@ -3729,6 +3729,9 @@ key {
             color: var(--main-color);
           }
         }
+        &.disabled {
+          opacity: 0.5;
+        }
       }
     }
   }