diff --git a/app/assets/stylesheets/app/_notes.scss b/app/assets/stylesheets/app/_notes.scss
index f0dd9e532..b0682230f 100644
--- a/app/assets/stylesheets/app/_notes.scss
+++ b/app/assets/stylesheets/app/_notes.scss
@@ -14,6 +14,14 @@
     height: $notes-title-bar-height;
     font-weight: normal;
     font-size: 18px;
+
+    .title {
+      width: calc(90% - 45px);
+    }
+  }
+
+  #notes-add-button {
+    right: 20px;
   }
 
   .tag-menu-bar {
diff --git a/app/assets/templates/frontend/notes.html.haml b/app/assets/templates/frontend/notes.html.haml
index e167b1399..a597e5829 100644
--- a/app/assets/templates/frontend/notes.html.haml
+++ b/app/assets/templates/frontend/notes.html.haml
@@ -2,7 +2,7 @@
   .content
     .section-title-bar#notes-title-bar
       .title {{ctrl.tag.title}} notes
-      .add-button{"ng-click" => "ctrl.createNewNote()"} +
+      .add-button#notes-add-button{"ng-click" => "ctrl.createNewNote()"} +
       %br
       .filter-section
         %input.filter-bar{"select-on-click" => "true", "ng-model" => "ctrl.noteFilter.text", "placeholder" => "Search", "ng-change" => "ctrl.filterTextChanged()", "lowercase" => "true"}