diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 2b5b4220..68e961ea 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1967,6 +1967,8 @@ html {
 	overflow-y: hidden;
 }
 #treepar {
+	position: fixed;
+	z-index: 1;
 	background: #fff;
 	background: var(--tree-bg);
 	left: -.96em;
diff --git a/copyparty/web/browser.html b/copyparty/web/browser.html
index ca6a0886..90b9b795 100644
--- a/copyparty/web/browser.html
+++ b/copyparty/web/browser.html
@@ -22,8 +22,8 @@
 		<div id="treesuperh">
 			<a href="/" id="srv_name"><span id="favico_onpage"></span>{{ srv_name }}</a>
 			<div id="treeh"></div>
-			<ul class="ntree" id="treepar"></ul>
 		</div>
+		<ul class="ntree" id="treepar"></ul>
 		<ul id="docul"></ul>
 		<ul class="ntree" id="treeul"></ul>
 		<div id="thx_ff">&nbsp;</div>
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 0b1f4337..83cf9eb6 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -7962,7 +7962,7 @@ var treectl = (function () {
 			compy();
 		}
 
-		if (!r.parpane || !r.pdir.length || y >= r.pdir.slice(-1)[0][0] || y <= r.pdir[0][0]) {
+		if (!r.parpane || !r.pdir.length) {
 			clmod(parp, 'off', 1);
 			r.pdirh = null;
 		}
@@ -7986,11 +7986,7 @@ var treectl = (function () {
 				for (var a = 0, aa = els.length; a < aa; a++)
 					els[a].onclick = bad_proxy;
 			}
-			y = ebi('treeh').offsetHeight;
-			if (!fixedpos)
-				y += tree.offsetTop - yscroll();
-
-			y = (y - 3) + 'px';
+			y = ebi('treesuperh').offsetHeight + 'px';
 			if (parp.style.top != y)
 				parp.style.top = y;
 		}