diff --git a/web/src/lib/theme.ts b/web/src/lib/theme.ts
index cdbd099..f16bba6 100644
--- a/web/src/lib/theme.ts
+++ b/web/src/lib/theme.ts
@@ -85,7 +85,10 @@ export const TAB_RAIL_CLEARANCE = 88;
  * smarthome tab only renders when Home Assistant is configured (see `App.tsx`); the
  * other two always show. */
 export const PAGE_ICON: Record<UiState["page"], string> = {
-  music: "🎵",
+  // A plain Unicode symbol, not the 🎵 emoji: that glyph's own built-in colour is a
+  // muted grey-blue on at least one real platform, which is illegible against the tab
+  // rail's own glass background and does not respond to `color` the way text does.
+  music: "♪",
   room: "💡",
   typing: "⌨️",
 };