diff --git a/src/components/hud-controller.js b/src/components/hud-controller.js
index acecd25b0c35d214c559cd404f7906a43a823c47..67f9c4616285d38efe31e84e63475879463d84fb 100644
--- a/src/components/hud-controller.js
+++ b/src/components/hud-controller.js
@@ -69,8 +69,9 @@ AFRAME.registerComponent("hud-controller", {
       this.lookDir.add(head.position);
       hud.position.x = this.lookDir.x;
       hud.position.z = this.lookDir.z;
-      this.lookEuler.set(0, head.rotation.y, 0);
-      hud.setRotationFromEuler(this.lookEuler);
+      hud.rotation.copy(head.rotation);
+      hud.rotation.x = 0;
+      hud.rotation.z = 0;
     }
     hud.position.y = (this.isYLocked ? this.lockedHeadPositionY : head.position.y) + offset + (1 - t) * offset;
     hud.rotation.x = (1 - t) * THREE.Math.DEG2RAD * 90;