diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 2134cab7..fba31121 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -664,23 +664,22 @@ input.eq_gain {
 	border: 1px solid #333;
 	box-shadow: 0 0 1em #181818;
 }
-#treeh,
-#treepar {
-	z-index: 1;
-	border-bottom: 1px solid #111;
-}
 #treeh {
 	position: sticky;
+	z-index: 1;
 	top: 0;
 	height: 2.2em;
 	line-height: 2.2em;
+	border-bottom: 1px solid #111;
 	overflow: hidden;
 }
 #tree #treepar {
+	z-index: 1;
 	position: fixed;
 	margin-top: -3px;
 	margin-left: -2em;
-	width: calc(var(--nav-sz) + 1em);
+	width: calc(var(--nav-sz) + 0.5em);
+	border-bottom: 1px solid #444;
 }
 #tree, #treeh {
 	border-radius: 0 .3em 0 0;
@@ -1227,7 +1226,8 @@ html.light #tree ul a.hl {
 html.light #tree ul a.hl:hover {
 	background: #059;
 }
-html.light #tree li {
+html.light #tree li,
+html.light #tree #treepar {
 	border-color: #f7f7f7 #fff #ddd #fff;
 }
 html.light #tree ul a:hover {
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 20f3cb45..87acbb51 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -3401,6 +3401,7 @@ var treectl = (function () {
 
 		if (!r.pdir.length || y > r.pdir.slice(-1)[0][0] || y < r.pdir[0][0]) {
 			parp.style.display = 'none';
+			r.pdirh = null;
 		}
 		else {
 			var h1 = [], h2 = [];