diff --git a/src/public/app/widgets/note_tree.js b/src/public/app/widgets/note_tree.js
index 981e39186..70f29991a 100644
--- a/src/public/app/widgets/note_tree.js
+++ b/src/public/app/widgets/note_tree.js
@@ -544,15 +544,6 @@ export default class NoteTreeWidget extends NoteContextAwareWidget {
 
                 const isHoistedNote = activeNoteContext && activeNoteContext.hoistedNoteId === note.noteId && note.noteId !== 'root';
 
-                if (isHoistedNote) {
-                    const $unhoistButton = $('<span class="tree-item-button unhoist-button bx bx-door-open" title="Unhoist"></span>')
-                        .on("click", cancelClickPropagation);
-
-                    // unhoist button is prepended since compared to other buttons, this is not just convenience
-                    // on the mobile interface - it's the only way to unhoist
-                    $span.prepend($unhoistButton);
-                }
-
                 if (note.hasLabel('workspace') && !isHoistedNote) {
                     const $enterWorkspaceButton = $('<span class="tree-item-button enter-workspace-button bx bx-door-open" title="Hoist this note (workspace)"></span>')
                         .on("click", cancelClickPropagation);
@@ -573,6 +564,13 @@ export default class NoteTreeWidget extends NoteContextAwareWidget {
 
                     $span.append($createChildNoteButton);
                 }
+
+                if (isHoistedNote) {
+                    const $unhoistButton = $('<span class="tree-item-button unhoist-button bx bx-door-open" title="Unhoist"></span>')
+                        .on("click", cancelClickPropagation);
+
+                    $span.append($unhoistButton);
+                }
             },
             // this is done to automatically lazy load all expanded notes after tree load
             loadChildren: (event, data) => {