diff --git a/src/public/app/services/tree.js b/src/public/app/services/tree.js
index 3a3907585..a721b76e7 100644
--- a/src/public/app/services/tree.js
+++ b/src/public/app/services/tree.js
@@ -273,10 +273,23 @@ async function getNoteTitleWithPathAsSuffix(notePath) {
         .append($('<span class="note-title">').text(title));
 
     if (path.length > 0) {
-        $titleWithPath
-            .append($('<span class="note-path">').text(` (${path.join(' / ')})`));
-    }
+        const $notePath = $('<span class="note-path">');
+        
+        $notePath.append($(`<span class="path-bracket">(</span>)`));
 
+        for (let segmentIndex = 0; segmentIndex < path.length; segmentIndex++) {
+            $notePath.append($(`<span>`).text(path[segmentIndex]));
+            
+            if (segmentIndex < path.length - 1) {
+                $notePath.append($(`<span class="path-bracket">`).text(" / "));
+            }
+        }
+
+        $notePath.append($(`<span class="path-wrapper">)</span>)`));
+
+        $titleWithPath.append($notePath);
+    }
+    
     return $titleWithPath;
 }