diff --git a/src/templates/app.html b/src/templates/app.html
index f1114faf1..3171ea999 100644
--- a/src/templates/app.html
+++ b/src/templates/app.html
@@ -27,7 +27,7 @@
         </div>
 
         <div style="float: left; margin: 0 5px 5px 5px;" class="hide-toggle">
-          <input type="text" autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0; width: 600px;">
+          <input autocomplete="off" value="Welcome to Notecase web app!" id="noteTitle" style="font-size: x-large; border: 0; width: 600px;" tabindex="1">
 
           <button class="btn btn-sm" onclick="encryptNote();">Encrypt</button>
         </div>
diff --git a/static/js/note.js b/static/js/note.js
index 7eb644ae6..cdbfc0627 100644
--- a/static/js/note.js
+++ b/static/js/note.js
@@ -76,6 +76,9 @@ $(document).ready(function() {
             onChange: noteChanged
         }
     });
+
+    // so that tab jumps from note title (which has tabindex 1)
+    $(".note-editable").attr("tabindex", 2);
 });
   
 var globalNote;
diff --git a/static/js/notecase2html.js b/static/js/notecase2html.js
index 52eb7824a..54e56c721 100644
--- a/static/js/notecase2html.js
+++ b/static/js/notecase2html.js
@@ -7,7 +7,7 @@ function notecase2html(note) {
 
     let all = note.formatting.concat(note.links).concat(note.images);
     all.sort(function compare(a, b) {
-       return a.note_offset - b.note_offset;
+        return a.note_offset - b.note_offset;
     });
 
     let offset = 0;