diff --git a/src/components/in-world-hud.js b/src/components/in-world-hud.js
index 01f1c75f6e8e1c12eda5531fc45182292f54c6d7..a07fa1d15dcd7aec05e424c8dc4e9ba6cdb447f5 100644
--- a/src/components/in-world-hud.js
+++ b/src/components/in-world-hud.js
@@ -3,6 +3,7 @@ AFRAME.registerComponent("in-world-hud", {
     this.bg = this.el.querySelector(".bg");
     this.mic = this.el.querySelector(".mic");
     this.nametag = this.el.querySelector(".nametag");
+    this.nametag.object3DMap.text.material.depthTest = false;
     this.avatar = this.el.querySelector(".avatar");
 
     const muted = this.el.sceneEl.is("muted");
diff --git a/templates/room.hbs b/templates/room.hbs
index 5bc61c3f0bdcae9f8a63b688cc98b5874db57631..9698493e14b1e0020770a336989ccf57b24cd8b8 100644
--- a/templates/room.hbs
+++ b/templates/room.hbs
@@ -131,11 +131,10 @@
                 in-world-hud=""
                 position="0 1.002 -1.363"
                 rotation="-39.01000608674482 0 0">
-                <a-box hud-detector geometry="height:0.13;width:0.6;depth:0.001" material="color:#000000;opacity:0.35" class="hud bg">
-                    <a-image src="#unmuted" scale="-0.1 0.1 0.1" position="-0.2 0 0.001" class="hud mic" material="" geometry=""></a-image>
-                    <a-text scale="0.3 0.3 0.3" position="-0.12 0 0.0001" class="hud nametag" text="width:6;value:dom"></a-text>
-                    <a-image src="#avatar" scale="0.1 0.1 0.1" position="0.2 0 0.001" class="hud avatar" material="" geometry=""></a-image>
-                </a-box>
+                <a-box hud-detector geometry="height:0.13;width:0.6;depth:0.001" material="depthTest:false; color:#000000;opacity:0.35" class="hud bg"></a-box>
+                <a-image src="#unmuted" scale="-0.1 0.1 0.1" position="-0.2 0 0.001" class="hud mic" material="alphaTest:0.1;depthTest:false;" geometry=""></a-image>
+                <a-text scale="0.3 0.3 0.3" position="-0.12 0 0.001" class="hud nametag" text="width:6;value:dom"></a-text>
+                <a-image src="#avatar" scale="0.1 0.1 0.1" position="0.2 0 0.001" class="hud avatar" material="depthTest:false;" geometry=""></a-image>
             </a-entity>
 
             <a-entity
@@ -145,7 +144,7 @@
                 position="0 1.6 0"
                 personal-space-bubble
                 look-controls
-                raycaster="objects: .hud; interval: 100; showLine: true; direction: 0 0 -1; origin: 0 -0.05 0;"
+                raycaster="objects: .hud; interval: 100; showLine: false; direction: 0 0 -1; origin: 0 -0.05 0;"
             ></a-entity>
             
             <a-entity