diff --git a/src/public/javascripts/services/note_detail_search.js b/src/public/javascripts/services/note_detail_search.js
index 9a4d8c8f6..bdbde236b 100644
--- a/src/public/javascripts/services/note_detail_search.js
+++ b/src/public/javascripts/services/note_detail_search.js
@@ -1,5 +1,6 @@
 import noteDetailService from "./note_detail.js";
 import treeService from "./tree.js";
+import infoService from './info.js';
 
 const $searchString = $("#search-string");
 const $component = $('#note-detail-search');
@@ -27,7 +28,13 @@ function show() {
     $searchString.on('input', noteDetailService.noteChanged);
 }
 
-$refreshButton.click(() => treeService.reload());
+$refreshButton.click(async () => {
+    await noteDetailService.saveNoteIfChanged();
+
+    treeService.reload();
+
+    infoService.showMessage('Tree has been refreshed.');
+});
 
 export default {
     getContent,