diff --git a/css/style.css b/css/style.css
index 391f83a..c499e74 100644
--- a/css/style.css
+++ b/css/style.css
@@ -108,3 +108,13 @@ h1 br {
   right: 5px;
   position: absolute;
 }
+
+#labname {
+  border: 0px;
+  padding: 0 4px;
+  font-size: 24px;
+  margin-top: 20px;
+  font-weight: 500;
+  line-height: 1;
+  width: 99%;
+}
diff --git a/index.html b/index.html
index 21d9ba4..488e605 100644
--- a/index.html
+++ b/index.html
@@ -76,7 +76,7 @@
       </div>
 
       <div class="col-xs-5 scrollable" ng-controller="LabController as lc">
-        <h3 id="mylab" contenteditable>{{ lc.lab.name }} <small>Click here to change the name</small></h3>
+        <input id="labname" value="{{ lc.lab.name }}" ng-model="lc.lab.name">
         <hr>
         <button class="pull-right btn btn-info" ng-click="lc.showDetectorInfo()"><span class="glyphicon glyphicon-info-sign"></span></button>
         <div id="detector" ng-controller="DetectorController as dc">
diff --git a/js/gameobjects.js b/js/gameobjects.js
index 850f6f9..dd774e8 100644
--- a/js/gameobjects.js
+++ b/js/gameobjects.js
@@ -9,7 +9,7 @@ var GameObjects = (function() {
    */
   var labPrototype = {
     version: '0.2',
-    name: 'My Awesome Lab',
+    name: 'Click here to give your lab a catchy name',
     detector: {
       rate: 1
     },