diff --git a/copyparty/web/baguettebox.js b/copyparty/web/baguettebox.js
index 315ba118..d7ccd618 100644
--- a/copyparty/web/baguettebox.js
+++ b/copyparty/web/baguettebox.js
@@ -308,16 +308,16 @@ window.baguetteBox = (function () {
                 '<div id="bbox-prev"><a class="btn" aria-label="Previous">◀</a></div>' +
                 '<div id="bbox-next"><a class="btn" aria-label="Next">▶</a></div>' +
                 '<div id="bbox-btns">' +
-                '<a id="bbox-help" class="btn">?</a>' +
-                '<a id="bbox-anim" class="btn" tt="a">-</a>' +
-                '<a id="bbox-readdir" class="btn" tt="a">ltr</a>' +
-                '<a id="bbox-rotl" class="btn">↶</a>' +
-                '<a id="bbox-rotr" class="btn">↷</a>' +
-                '<a id="bbox-tsel" class="tgl btn">☑️sel</a>' +
-                '<a id="bbox-full" class="btn" tt="full-screen">⛶</a>' +
-                '<a id="bbzoom" class="tgl btn" tt="zoom/stretch smaller images to fill screen">↕</a>' +
-                '<a id="bbox-vmode" class="btn" tt="a"></a>' +
-                '<a id="bbox-close" class="btn" aria-label="Close">✕</a>' +
+                    '<a id="bbox-close" class="btn" aria-label="Close">✕</a>' +
+                    '<a id="bbox-vmode" class="btn" tt="a"></a>' +
+                    '<a id="bbzoom" class="tgl btn" tt="zoom/stretch smaller images to fill screen">↕</a>' +
+                    '<a id="bbox-full" class="btn" tt="full-screen">⛶</a>' +
+                    '<a id="bbox-tsel" class="tgl btn">☑️sel</a>' +
+                    '<a id="bbox-rotr" class="btn">↷</a>' +
+                    '<a id="bbox-rotl" class="btn">↶</a>' +
+                    '<a id="bbox-readdir" class="btn" tt="a">ltr</a>' +
+                    '<a id="bbox-anim" class="btn" tt="a">-</a>' +
+                    '<a id="bbox-help" class="btn">?</a>' +
                 '</div></div>'
             );
             overlay = ctr.firstChild;
diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 17eb0e4c..d09aff32 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -2221,6 +2221,7 @@ html.a .btn {
 	position: relative;
 	top: 0;
 }
+#twig,
 #gridchop a:first-child,
 #gridzoom a:first-child {
   line-height: 1.1em;
@@ -2648,11 +2649,9 @@ html.y #bbox-overlay figcaption a {
 	text-align: center;
 	line-height: 60px;
 }
-#bbox-btns {
-	transition: top .3s ease, opacity .3s ease;
-}
 #bbox-btns .btn {
 	cursor: pointer;
+	direction: ltr;
 }
 #bbox-overlay.immersive #bbox-next a,
 #bbox-overlay.immersive #bbox-prev a {
@@ -2666,7 +2665,7 @@ html.y #bbox-overlay figcaption a {
 #bbox-overlay .btn {
 	cursor: pointer;
 	padding: 0 .4em;
-	margin: 0 .1em;
+	margin: 0 .1em .3em .1em;
 	font-size: 1.4em;
 	line-height: 2em;
 	vertical-align: top;
@@ -2689,6 +2688,8 @@ html.y #bbox-overlay figcaption a {
 	top: .5em;
 	right: .2em;
 	position: fixed;
+	direction: rtl;
+	transition: top .3s ease, opacity .3s ease;
 }
 #bbox-halp {
 	color: var(--fg-max);