diff --git a/assets/webui/ofdgo.css b/assets/webui/ofdgo.css
index 88241fb..a14e878 100644
--- a/assets/webui/ofdgo.css
+++ b/assets/webui/ofdgo.css
@@ -311,6 +311,7 @@
 }
 
 .document-titlebar .settings-icon {
+	--titlebar-icon-size: var(--titlebar-settings-icon-size, 12px);
 	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2.15 2.15 19.7 19.7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3h4l.4 2.1 2.7 1.6 2.1-.7L21 9.1l-1.7 1.4v3l1.7 1.4-1.8 3.1-2.1-.7-2.7 1.6L14 21h-4l-.4-2.1-2.7-1.6-2.1.7L3 14.9l1.7-1.4v-3L3 9.1 4.8 6l2.1.7 2.7-1.6Z'/%3E%3Ccircle cx='12' cy='12' r='3.25'/%3E%3C/svg%3E");
 }
 
@@ -4826,7 +4827,14 @@ audio.page-media {
 	flex: 0 0 46px;
 	width: 46px;
 	min-width: 46px;
-	height: var(--tab-action-size);
+	height: auto;
+	align-self: stretch;
+	border-radius: 0;
+}
+
+.app-appearance:not(:disabled):hover,
+.app-update:not(:disabled):hover {
+	background: var(--pressed-overlay);
 }
 
 .settings-icon,
diff --git a/assets/webui/ofdgo.js b/assets/webui/ofdgo.js
index 48bd4a4..eadbecd 100644
--- a/assets/webui/ofdgo.js
+++ b/assets/webui/ofdgo.js
@@ -2660,6 +2660,7 @@ function applyTitleBarInfo(info) {
 function updateTitleBarIcons() {
 	const scale = window.devicePixelRatio;
 	el.documentTitleBar.style.setProperty("--titlebar-icon-size", `${Math.floor(10 * scale) / scale}px`);
+	el.documentTitleBar.style.setProperty("--titlebar-settings-icon-size", `${Math.floor(12 * scale) / scale}px`);
 	const icons = [...el.documentTitleBar.querySelectorAll(".close-icon, .new-icon, .settings-icon, .update-icon")];
 	for (const icon of icons) icon.style.inset = "";
 	const offsets = icons.map(icon => {