diff --git a/src/gui/css/quickListCSS.css b/src/gui/css/quickListCSS.css
index dfa45ef12f69dab58614dd8cfd456f21d69b374e..56c833939d2f8a922a172d6dc194cd66249f5477 100644
--- a/src/gui/css/quickListCSS.css
+++ b/src/gui/css/quickListCSS.css
@@ -1,4 +1,4 @@
-.hidden
+.ql-hidden
 {
 	display:none;
 }
diff --git a/src/js/slaveListing.js b/src/js/slaveListing.js
index 09d47f01788c95c72f6eff1d037af2e1ac7842f6..ad462543e2edaaa0df067bc5ec049d7b0eba5aaf 100644
--- a/src/js/slaveListing.js
+++ b/src/js/slaveListing.js
@@ -439,12 +439,12 @@ App.UI.SlaveList.render = function() {
 			quickIndexBtn.onclick = function(ev) {
 				let which = ev.target.attributes["data-quick-index"].value;
 				let quick = $("div#list_index" + which);
-				quick.toggleClass("hidden");
+				quick.toggleClass("ql-hidden");
 			};
 			/*
 			 * we want <div id="list_index3" class=" hidden">...
 			 */
-			const listIndex = makeElement(res, "div", undefined, "hidden");
+			const listIndex = makeElement(res, "div", undefined, "ql-hidden");
 			listIndex.id = `list_index${listID}`;
 
 			for (const sID of IDs) {