diff --git a/src/assets.html b/src/assets.html
index 1a541ab..eb10161 100644
--- a/src/assets.html
+++ b/src/assets.html
@@ -39,6 +39,7 @@
 <a-mixin id="slice" slice9="color: #050505; transparent: true; opacity: 0.7; src: #sliceImg; left: 50; right: 52; top: 50; bottom: 52; padding: 0.18"></a-mixin>
 <a-mixin id="font" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>
 <a-mixin id="textFont" text="font: assets/fonts/Teko-Bold.json; shader: msdf; letterSpacing: 1"></a-mixin>
+<a-mixin id="superKeyboardTextInput" mixin="font"></a-mixin>
 
 <a-mixin id="beat" visible="false"></a-mixin>
 <a-mixin id="beatBlock" mixin="gameoverAnimation" animation__gameover="property: components.material.material.opacity; from: 1; to: 0; startEvents: gameover"></a-mixin>
diff --git a/src/components/super-keyboard.js b/src/components/super-keyboard.js
index 08d8b95..d91153c 100644
--- a/src/components/super-keyboard.js
+++ b/src/components/super-keyboard.js
@@ -84,6 +84,7 @@ AFRAME.registerComponent('super-keyboard', {
 
     // Create input.
     this.textInput = document.createElement('a-entity');
+    this.textInput.setAttribute('mixin', 'superKeyboardTextInput');
     this.textInput.setAttribute('text', {
       align: this.data.align,
       font: this.data.font,