diff --git a/src/public/app/widgets/note_tree.js b/src/public/app/widgets/note_tree.js
index cefba22a2..c11adc70d 100644
--- a/src/public/app/widgets/note_tree.js
+++ b/src/public/app/widgets/note_tree.js
@@ -113,6 +113,7 @@ const TPL = `
     
     
     <div class="tree-settings-popup">
+        <h4>${t("note_tree.tree-settings-title")}</h4>
         <div class="form-check">
             <label class="form-check-label">
                 <input class="form-check-input hide-archived-notes" type="checkbox" value="">
diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css
index e8bae1f61..335b479cf 100644
--- a/src/public/stylesheets/theme-next/shell.css
+++ b/src/public/stylesheets/theme-next/shell.css
@@ -542,6 +542,25 @@ div.quick-search .search-button.show  {
     transition: color 200ms ease-out;
 }
 
+/*
+ * Tree settings popup
+ */
+
+#left-pane .tree-settings-popup {
+    box-shadow: 0px 10px 20px rgba(0, 0, 0, var(--dropdown-shadow-opacity));
+    border: 1px solid var(--dropdown-border-color);
+    padding: 25px;
+    background: var(--menu-background-color);
+    backdrop-filter: blur(10px) saturate(6);
+    color: var(--menu-text-color);
+}
+
+#left-pane .tree-settings-popup h4 {
+    margin-bottom: .75em;
+    font-size: 1.5em;
+    line-height: 1;
+}
+
 /*
  * Gutter
  */