diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 60655f3e..40054394 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -800,9 +800,11 @@ html.y #path a:hover {
 }
 .logue>iframe {
 	background: var(--bgg);
-	border-radius: .3em;
+	border: 1px solid var(--bgg);
+	border-width: 0 .3em 0 .3em;
+	border-radius: .5em;
 	visibility: hidden;
-	border: none;
+	margin: 0 -.3em;
 	width: 100%;
 	height: 0;
 }
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index e24f0c57..045c0e26 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -5730,18 +5730,25 @@ var wfp_debounce = (function () {
 	var r = { 'n': 0, 't': 0 };
 
 	r.hide = function () {
+		if (!sb_lg && !sb_md)
+			return;
+
 		if (++r.n <= 1) {
 			r.n = 1;
 			clearTimeout(r.t);
-			r.t = setTimeout(r.reset, 500);
-			ebi('wfp').style.visibility = 'hidden';
+			r.t = setTimeout(r.reset, 300);
+			ebi('wfp').style.opacity = 0.1;
 		}
 	};
 	r.show = function () {
+		if (!sb_lg && !sb_md)
+			return;
+
 		if (--r.n <= 0) {
 			r.n = 0;
 			clearTimeout(r.t);
-			ebi('wfp').style.visibility = 'unset';
+			ebi('wfp').style.opacity = 'unset';
+			ebi('wrap').style.opacity = 'unset';
 		}
 	};
 	r.reset = function () {
@@ -6731,13 +6738,17 @@ function sandbox(tgt, rules, cls, html) {
 		return false;
 	}
 	clmod(tgt, 'sb', 1);
-	if (!cls)
-		wfp_debounce.hide();
 
 	var tid = tgt.getAttribute('id'),
 		hash = location.hash,
 		want = '';
 
+	if (!cls) {
+		wfp_debounce.hide();
+		if (tid == 'pro')
+			ebi('wrap').style.opacity = 0.2;
+	}
+
 	if (hash.startsWith('#md-'))
 		want = hash.slice(1);