diff --git a/site/client/app/components/chat.js b/site/client/app/components/chat.js
index a091206..8edfa54 100644
--- a/site/client/app/components/chat.js
+++ b/site/client/app/components/chat.js
@@ -1,5 +1,19 @@
 module.exports = {
 
-  template: require('../views/chat.html')
+  template: require('../views/chat.html'),
+
+  data: function() {
+    return {
+      message: ''
+    }
+  },
+
+  methods: {
+    submitChat: function(e) {
+      e.preventDefault();
+
+      console.log(this.message);
+    }
+  }
 
 };
\ No newline at end of file
diff --git a/site/client/app/views/chat.html b/site/client/app/views/chat.html
index 84df707..fd43c44 100644
--- a/site/client/app/views/chat.html
+++ b/site/client/app/views/chat.html
@@ -11,7 +11,7 @@
       blaa blaa
     </div>
 
-    <textarea class="chatbox" placeholder="Type an message..." autofocus></textarea>
+    <textarea class="chatbox" placeholder="Type an message..." v-model="message" autofocus v-on="keydown: submitChat(this) | key 'enter'"></textarea>
   </div>
 
 </section>
\ No newline at end of file
diff --git a/site/client/assets/sass/_modal.scss b/site/client/assets/sass/_modal.scss
index 9487937..d857970 100644
--- a/site/client/assets/sass/_modal.scss
+++ b/site/client/assets/sass/_modal.scss
@@ -75,6 +75,7 @@
   text-align: center;
   color: darken(#8798ac, 30%);
   cursor: pointer;
+  text-transform: uppercase;
 
   @include transition();