diff --git a/app/assets/javascripts/views/notes/notes-view.pug b/app/assets/javascripts/views/notes/notes-view.pug
index 4895488ca..ef5506b43 100644
--- a/app/assets/javascripts/views/notes/notes-view.pug
+++ b/app/assets/javascripts/views/notes/notes-view.pug
@@ -94,7 +94,8 @@
                   faded="self.state.hideDate"
                   label="'Date'"
                   )
-    .scrollable
+    p.empty-notes-list.faded(ng-if="!self.state.renderedNotes.length") No Notes.
+    .scrollable(ng-if="self.state.renderedNotes.length")
       #notes-scrollable.infinite-scroll(
         can-load='true',
         infinite-scroll='self.paginate()',
diff --git a/app/assets/stylesheets/_notes.scss b/app/assets/stylesheets/_notes.scss
index 5ee88700a..51a8f849e 100644
--- a/app/assets/stylesheets/_notes.scss
+++ b/app/assets/stylesheets/_notes.scss
@@ -13,6 +13,14 @@
   -khtml-user-select: none;
   -webkit-user-select: none;
 
+  .empty-notes-list {
+    flex-grow: 1;
+    margin: 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
   .content {
     display: flex;
     flex-direction: column;