diff --git a/src/components/KeyboardDisplay.vue b/src/components/KeyboardDisplay.vue
index 61a9868300dc3805360eb78dc39e9f52501d7af5..c22daa91d68bcb1f9261c3dc0b7cd1b009b704d4 100644
--- a/src/components/KeyboardDisplay.vue
+++ b/src/components/KeyboardDisplay.vue
@@ -9,7 +9,7 @@
 export default {
   props: {
     inputField: {
-      type: HTMLInputElement,
+      type: [HTMLInputElement, HTMLTextAreaElement],
       required: true,
     },
   },
@@ -24,7 +24,6 @@ export default {
   },
   methods: {
     addChar(char) {
-      console.log("adding", char);
       // Add a character to the input depending on selection position
       const start = this.inputField.selectionStart;
       const value = this.inputField.value;
@@ -39,7 +38,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 .virtual-keyboard {
   position: absolute;
   top: 100%;
diff --git a/src/content/content.js b/src/content/content.js
index 777fc1193817a2943ac7919361623327090e66df..edbd3332ee143586630fbc0a7d1ed3957ceb1bf6 100644
--- a/src/content/content.js
+++ b/src/content/content.js
@@ -3,7 +3,10 @@ import Keyboard from "../components/KeyboardDisplay.vue";
 import router from "../router";
 import store from "../store";
 
-const inputFields = document.getElementsByTagName("input");
+const inputFields = [
+  ...document.getElementsByTagName("input"),
+  ...document.getElementsByTagName("textarea"),
+];
 let keyboard = null;
 
 const createKeyboard = (input) => {
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 8f4339d311eadc3134c8e011d062209792e7c7af..bb9a0fe792646b0996ae95b0d796c8b53a7e12fa 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -7,7 +7,7 @@
 
 <script>
 // @ is an alias to /src
-import HelloWorld from "@/components/HelloWorld.vue";
+import HelloWorld from "../components/HelloWorld.vue";
 
 export default {
   name: "Home",