diff --git a/frontend/index.html b/frontend/index.html
index 630c9d5..38d6f7d 100755
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -187,7 +187,7 @@
                 <button id="abABtn" class="ctrl ab-ctrl" title="Set A-B loop start [A]">A</button>
                 <button id="abBBtn" class="ctrl ab-ctrl" title="Set A-B loop end [B]">B</button>
                 <button id="abClearBtn" class="ctrl ab-ctrl hidden" title="Clear A-B loop">↺</button>
-                <button id="ctlMoreBtn" class="dk-more" type="button" aria-haspopup="dialog"><span>⋯ More<i class="mc-rest"> controls</i></span><small>Speed · Quality · A-B · Sleep · EQ</small></button>
+                <button id="ctlMoreBtn" class="dk-more" type="button" aria-haspopup="dialog" title="More controls" aria-label="More controls"><span><em class="mc-dots">⋯</em><i class="mc-label"> More<i class="mc-rest"> controls</i></i></span><small>Speed · Quality · A-B · Sleep · EQ</small></button>
               </div>
               <div id="dkMoreHost" hidden>
                 <button id="rememberPosBtn" class="ctrl" title="Remember playback position for this song (per playlist)">📍</button>
diff --git a/frontend/refresh.css b/frontend/refresh.css
index dca87d9..e2caebd 100644
--- a/frontend/refresh.css
+++ b/frontend/refresh.css
@@ -512,3 +512,7 @@
 #controls .dk-quick.ab-on .dk-more span { white-space: nowrap; }
 #controls .dk-quick.ab-on #abABtn, #controls .dk-quick.ab-on #abBBtn,
 #controls .dk-quick.ab-on #abClearBtn:not(.hidden), #controls .dk-quick.ab-on #fsBtn { flex-basis: 52px; width: 52px; height: 52px; }
+#controls .dk-more em { font-style: normal; }
+#controls .dk-quick.ab-on .mc-label { display: none; }
+#controls .dk-quick.ab-on .dk-more span { font-size: 22px; line-height: 1; }
+#controls .dk-quick.ab-on .dk-more { flex: 1 1 52px; min-width: 52px; }