diff --git a/pkg/service/soundtouchweb/static/css/app.css b/pkg/service/soundtouchweb/static/css/app.css
index 4650d31..034c2b3 100644
--- a/pkg/service/soundtouchweb/static/css/app.css
+++ b/pkg/service/soundtouchweb/static/css/app.css
@@ -408,6 +408,19 @@ img { display: block; max-width: 100%; }
 .tunein-item-name { display: block; font-size: .9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .tunein-item-desc { display: block; font-size: .75rem; color: var(--text-dim); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 .tunein-item-arrow { color: var(--text-dim); font-size: .9rem; flex-shrink: 0; }
+.tunein-play-btn {
+    background: transparent;
+    border: 1px solid var(--text-dim);
+    color: var(--text);
+    border-radius: 999px;
+    width: 32px; height: 32px;
+    display: inline-flex; align-items: center; justify-content: center;
+    cursor: pointer; flex-shrink: 0;
+    font-size: .85rem; line-height: 1;
+    padding: 0;
+    transition: background .15s, border-color .15s;
+}
+.tunein-play-btn:hover { background: var(--accent); border-color: var(--accent); color: var(--accent-fg); }
 
 /* ── Device picker overlay ───────────────────────────────────────────────── */
 .overlay {
diff --git a/pkg/service/soundtouchweb/static/js/components/TuneInBrowser.js b/pkg/service/soundtouchweb/static/js/components/TuneInBrowser.js
index 2f0f13a..b7d2d02 100644
--- a/pkg/service/soundtouchweb/static/js/components/TuneInBrowser.js
+++ b/pkg/service/soundtouchweb/static/js/components/TuneInBrowser.js
@@ -114,6 +114,15 @@ export function TuneInBrowser({ devices }) {
             <ul class="tunein-list">
                 ${items.map((item, i) => {
                     const isNav = !!navPath(item);
+                    const play = playbackInfo(item);
+                    // Programs have BOTH a navigate link (drill into
+                    // episodes) and a playback link (play latest
+                    // episode). Surface both: a dedicated play button
+                    // (stopPropagation so it doesn't trigger the row's
+                    // navigate) plus the chevron. Pure-leaf items
+                    // (stations) fall through to the single ▶ arrow,
+                    // because the whole row is already a play target.
+                    const showPlayBtn = isNav && play;
                     return html`
                         <li key=${item._links?.self?.href || i} class="tunein-item" onClick=${() => navigate(item)}>
                             ${item.imageUrl && html`<img class="tunein-thumb" src=${item.imageUrl} alt="" />`}
@@ -121,6 +130,16 @@ export function TuneInBrowser({ devices }) {
                                 <span class="tunein-item-name">${item.name}</span>
                                 ${item.subtitle && html`<span class="tunein-item-desc">${item.subtitle}</span>`}
                             </div>
+                            ${showPlayBtn && html`
+                                <button
+                                    class="tunein-play-btn"
+                                    title="Play"
+                                    onClick=${(e) => {
+                                        e.stopPropagation();
+                                        setPendingPlay({ ...play, name: item.name, image: item.imageUrl });
+                                    }}
+                                >▶</button>
+                            `}
                             <span class="tunein-item-arrow">${isNav ? '›' : '▶'}</span>
                         </li>
                     `;