diff --git a/web/src/components/TabRail.tsx b/web/src/components/TabRail.tsx
index e3d696e..a1dc389 100644
--- a/web/src/components/TabRail.tsx
+++ b/web/src/components/TabRail.tsx
@@ -60,10 +60,15 @@ export function TabRail({ page, onSelect, showRoom }: Props) {
               border: "none",
               borderRadius: 999,
               background: active ? "var(--accent)" : "transparent",
+              // Explicit, not inherited: at least one of these icons (the music note)
+              // renders as a plain glyph rather than full-color on some platforms, and
+              // without this it fell back to the browser's default text colour - too
+              // close to the glass bar's own near-white background to read.
+              color: active ? "#fff" : "var(--ink)",
               fontSize: 20,
               fontWeight: 900,
               cursor: "pointer",
-              transition: "background 0.15s ease",
+              transition: "background 0.15s ease, color 0.15s ease",
             }}
           >
             {PAGE_ICON[candidate]}