diff --git a/public/index.html b/public/index.html
index 3b58ef6cea83455e69439a53865c45ac942e4e3d..d2d284960d26a8287c0e4e13a2315cb92ac32f09 100644
--- a/public/index.html
+++ b/public/index.html
@@ -58,7 +58,7 @@
 
             <a-entity id="nametag" networked="template:#nametag-template;showLocalTemplate:false;"></a-entity>
 
-            <a-entity id="left-hand" hand-controls="left" visible="false" hand-controls-child-visibility axis-dpad="centerZone: 1" teleport-controls="cameraRig: #player-rig; teleportOrigin: #head; button: action_teleport_"
+            <a-entity id="left-hand" hand-controls="left" hand-controls-visibility axis-dpad="centerZone: 1" teleport-controls="cameraRig: #player-rig; teleportOrigin: #head; button: action_teleport_"
                 networked="template:#hand-template;showLocalTemplate:false;">
                 <a-entity id="watch" gltf-model="assets/hud/watch.gltf" position="0 0.0015 0.147" rotation="3.5 0 0">
                     <a-circle mute-state-indicator scale-audio-feedback="analyserSrc: #head; minScale: 0.035; maxScale: 0.08;" position="0 0.023 0"
@@ -67,7 +67,7 @@
                 </a-entity>
             </a-entity>
 
-            <a-entity id="right-hand" hand-controls="right" visible="false" hand-controls-child-visibility axis-dpad teleport-controls="cameraRig: #player-rig; teleportOrigin: #head; hitEntity: #telepor-indicator; button: action_teleport_;"
+            <a-entity id="right-hand" hand-controls="right" hand-controls-child-visibility axis-dpad teleport-controls="cameraRig: #player-rig; teleportOrigin: #head; hitEntity: #telepor-indicator; button: action_teleport_;"
                 networked="template:#hand-template;showLocalTemplate:false;"></a-entity>
         </a-entity>
 
diff --git a/src/components/hand-controls-child-visibility.js b/src/components/hand-controls-visibility.js
similarity index 90%
rename from src/components/hand-controls-child-visibility.js
rename to src/components/hand-controls-visibility.js
index 75b79bb210636577a2b345b6ca0b1eb8f837d0d6..50d7514897b3974e3963c3fd636bea1a9e8d3aeb 100644
--- a/src/components/hand-controls-child-visibility.js
+++ b/src/components/hand-controls-visibility.js
@@ -1,4 +1,4 @@
-AFRAME.registerComponent("hand-controls-child-visibility", {
+AFRAME.registerComponent("hand-controls-visibility", {
   init() {
     this.onControllerConnected = this.onControllerConnected.bind(this);
     this.onControllerDisconnected = this.onControllerDisconnected.bind(this);
diff --git a/src/index.js b/src/index.js
index d230f3e3e5d399035242f547b3e1886770eefa37..690a9e69e8fc1fda51aa2abdf31b75a405d546d9 100644
--- a/src/index.js
+++ b/src/index.js
@@ -10,7 +10,7 @@ import "./components/audio-feedback";
 import "./components/nametag-transform";
 import "./components/avatar-customization";
 import "./components/mute-state-indicator";
-import "./components/hand-controls-child-visibility";
+import "./components/hand-controls-visibility";
 
 import { generateName } from "./utils";