diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 828d2674..1d231bb4 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -4432,6 +4432,7 @@ html.e #detree {
 	margin-bottom: .5em;
 }
 #tree_footer {
+	width: 0;
 	position: fixed;
 	bottom: 1em;
 	left: 1em;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 2a05fbb3..f0498dd1 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -7242,7 +7242,8 @@ var treectl = (function () {
 
 	r.hide = function () {
 		r.hidden = true;
-		ebi('tree').style.width = '0';
+		ebi('tree').style.width = ebi('tree_footer').style.width = '0';
+		ebi('tree_footer').style.display = 'none';
 		ebi('widget').style.marginLeft = '0';
 		ebi('wrap').style.marginLeft = '';
 		window.removeEventListener('resize', onresize);
@@ -7383,6 +7384,7 @@ var treectl = (function () {
 		setcvar('--nav-sz', w);
 		ebi('tree').style.width = w;
 		ebi('tree_footer').style.width = (iw - 2) + 'em';
+		ebi('tree_footer').style.display = 'block';
 		ebi('wrap').style.marginLeft = w2;
 		ebi('widget').style.marginLeft = (iw /1.4) + 'em';
 		onwidgetresize();