diff --git a/public/css/Room.css b/public/css/Room.css
index 2d4361b..15fb679 100644
--- a/public/css/Room.css
+++ b/public/css/Room.css
@@ -528,7 +528,7 @@ button:hover {
 --------------------------------------------------------------*/
 
 #participants {
-    z-index: 17;
+    z-index: 5;
     position: absolute;
     margin: auto;
     padding: 10px;
@@ -544,12 +544,8 @@ button:hover {
     background: rgb(0, 0, 0);
     border-radius: 10px;
     padding: 10px;
-    color: #666;
-    cursor: move;
-}
-
-.participants-header-title {
     color: white;
+    cursor: move;
 }
 
 #roomParticipants {
@@ -630,4 +626,5 @@ z-index:
     - 2 buttonBar
     - 3 sidenav
     - 4 chat
+    - 5 participants
 */
diff --git a/public/js/Room.js b/public/js/Room.js
index 65a27f1..dcf806d 100644
--- a/public/js/Room.js
+++ b/public/js/Room.js
@@ -819,7 +819,7 @@ async function getParticipantsTable(peers) {
 
     table += `
     <tr>
-        <td>All</td>
+        <td>👥 All</td>
         <td><button id="muteAllButton" onclick="rc.peerAction('me','${rc.peer_id}','mute',true,true)">${_PEER.audioOff} Mute</button></td>
         <td><button id="hideAllButton" onclick="rc.peerAction('me','${rc.peer_id}','hide',true,true)">${_PEER.videoOff} Hide</button></td>
         <td></td>