diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index ad6eb9e..a851788 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -517,12 +517,12 @@ a:focus-visible {
 }
 
 .editor-group:has(#textFont) > .text-font {
-	grid-column: 1 / 6;
+	grid-column: 1 / 5;
 	grid-template-columns: minmax(0, 1fr) 32px;
 	column-gap: 4px;
 }
 
-.editor-group:has(#textFont) > .editor-field { grid-column: 6 / 8; }
+.editor-group:has(#textFont) > .editor-field { grid-column: 5 / 8; }
 
 .editor-paragraph {
 	grid-template-columns: var(--editor-control-width) 120px;
@@ -549,8 +549,12 @@ a:focus-visible {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) 12px;
 	height: var(--control-height);
+	border-radius: 5px;
 }
 
+.text-highlight:has([data-pressed="true"]) { background: var(--selected); }
+.text-highlight:has([data-pressed="mixed"]) { background: var(--hover); box-shadow: inset 0 -3px var(--text-muted); }
+.editor-group:has(#textFont) .text-highlight [data-pressed="mixed"] { box-shadow: none; }
 .text-highlight .button { min-width: 0; border-radius: 5px 0 0 5px; }
 .text-highlight .button span { border-bottom: 3px solid var(--highlight-color, #ffff00); }
 .text-highlight [data-pressed="mixed"] span { border-image: repeating-linear-gradient(135deg, var(--input) 0 4px, var(--text-muted) 4px 8px) 3; }