diff --git a/app/assets/javascripts/views/notes/notes-view.pug b/app/assets/javascripts/views/notes/notes-view.pug
index 6271ce2b8..599faaea0 100644
--- a/app/assets/javascripts/views/notes/notes-view.pug
+++ b/app/assets/javascripts/views/notes/notes-view.pug
@@ -143,7 +143,9 @@
             .default-preview(
               ng-show='!note.preview_html && !note.preview_plain'
               ) {{note.text}}
-          .date.faded(ng-show='!self.state.hideDate')
+          .bottom-info.faded(ng-show='!self.state.hideDate || note.protected')
+            span(ng-if="note.protected")
+              | Protected •{{self.state.hideDate ? '' : ' '}}
             span(ng-show="self.state.sortBy == 'userModifiedDate'")
               | Modified {{note.updatedAtString || 'Now'}}
             span(ng-show="self.state.sortBy != 'userModifiedDate'")
diff --git a/app/assets/javascripts/views/notes/notes_view.ts b/app/assets/javascripts/views/notes/notes_view.ts
index 154a5f7f6..3bd631cf6 100644
--- a/app/assets/javascripts/views/notes/notes_view.ts
+++ b/app/assets/javascripts/views/notes/notes_view.ts
@@ -576,12 +576,6 @@ class NotesViewCtrl extends PureViewCtrl<unknown, NotesState> {
         class: 'warning'
       });
     }
-    if (note.protected) {
-      flags.push({
-        text: "Protected",
-        class: 'success'
-      });
-    }
     if (note.locked) {
       flags.push({
         text: "Locked",
diff --git a/app/assets/stylesheets/_notes.scss b/app/assets/stylesheets/_notes.scss
index 794255703..fa7d78c10 100644
--- a/app/assets/stylesheets/_notes.scss
+++ b/app/assets/stylesheets/_notes.scss
@@ -126,7 +126,7 @@
       text-overflow: ellipsis;
     }
 
-    > .date {
+    > .bottom-info {
       font-size: 12px;
       margin-top: 4px;
     }