diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 632cbe0c..cad9517b 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1490,6 +1490,8 @@ html.y #ops svg circle {
 	border-color: var(--a);
 	border-radius: .2em;
 	padding: .2em .3em;
+	font-size: medium;
+	min-width: 3em;
 }
 .opview select {
 	padding: .3em;
@@ -2528,6 +2530,10 @@ html.y #bbox-overlay figcaption a {
 	margin: .5em;
 	color: var(--fg);
 }
+#s_outside {
+	position: absolute;
+	inset: 0;
+}
 
 
 
@@ -3257,9 +3263,6 @@ html.by #barpos {
 html.b #ops a {
 	background: var(--bg);
 }
-html.b .opview {
-	margin: 1em 0;
-}
 html.b #srch_q {
 	margin: .2em 0 0 1.6em;
 }
diff --git a/copyparty/web/browser.html b/copyparty/web/browser.html
index 16418bed..62034f08 100644
--- a/copyparty/web/browser.html
+++ b/copyparty/web/browser.html
@@ -172,6 +172,7 @@
 
 
 	<div id="cfg" class="overlaybg" tt="">
+		<div id="s_outside"></div>
 		<div id="s_content">
 			<h3 id="s_header"></h3>
 			<div id="s_hor">
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 59c3ab90..0c049869 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -1013,7 +1013,7 @@ ebi('op_cfg').innerHTML = (
 
 // modalize settings
 (function () {
-	ebi('s_header').innerHTML = '⚙️' + L.ot_cfg;
+	ebi('s_header').innerHTML = '⚙️ ' + L.ot_cfg;
 	var sections = ebi('op_cfg').children;
 	for (var i = 0; i < sections.length; i++){
 		var sName = sections[i].children[0].innerHTML;
@@ -1037,7 +1037,7 @@ ebi('op_cfg').innerHTML = (
 		ebi('s_nav').innerHTML += `<a href="#${sId}" class="btn">${sName}</a>\n`;
 	}
 
-	ebi('cs_btn').onclick = function(){
+	ebi('s_outside').onclick = ebi('cs_btn').onclick = function(){
 		modalopen('cfg');
 	}
 })();