diff --git a/src/templates/app.html b/src/templates/app.html
index d24757ddb..aaaa4ce65 100644
--- a/src/templates/app.html
+++ b/src/templates/app.html
@@ -6,7 +6,7 @@
   </head>
   <body>
     <div id="container">
-      <div class="hide-toggle" style="grid-area: header; background-color: #f1f1f1;">
+      <div id="header" class="hide-toggle" style="grid-area: header; background-color: #f1f1f1;">
         <div style="display: flex; align-items: center;">
           <div id="header-title">
             Trilium
@@ -81,6 +81,8 @@
           &nbsp;
 
           <input autocomplete="off" value="" id="noteTitle" style="font-size: x-large; border: 0; flex-grow: 100;" tabindex="1">
+
+          <button class="btn btn-xs" onclick="showCurrentNoteHistory();">History</button>
         </div>
       </div>
 
diff --git a/static/js/note_history.js b/static/js/note_history.js
index eb95c5d4c..5e33d3af7 100644
--- a/static/js/note_history.js
+++ b/static/js/note_history.js
@@ -1,5 +1,9 @@
 let globalHistoryItems = null;
 
+function showCurrentNoteHistory() {
+    showNoteHistoryDialog(globalCurrentNote.detail.note_id);
+}
+
 function showNoteHistoryDialog(noteId, noteHistoryId) {
     $("#noteHistoryDialog").dialog({
         modal: true,
@@ -37,9 +41,7 @@ function showNoteHistoryDialog(noteId, noteHistoryId) {
     });
 }
 
-$(document).bind('keydown', 'alt+h', function() {
-    showNoteHistoryDialog(globalCurrentNote.detail.note_id);
-});
+$(document).bind('keydown', 'alt+h', showCurrentNoteHistory);
 
 $("#noteHistoryList").on('change', () => {
     const optVal = $("#noteHistoryList").find(":selected").val();
diff --git a/static/style.css b/static/style.css
index 7b20c9619..fdb1694bd 100644
--- a/static/style.css
+++ b/static/style.css
@@ -90,4 +90,9 @@ span.fancytree-node.encrypted.fancytree-folder > span.fancytree-icon {
     padding: 5px 50px 5px 10px;
     font-size: large;
     font-weight: bold;
+}
+
+#header .btn-xs {
+    margin-bottom: 2px;
+    margin-right: 8px;
 }
\ No newline at end of file
