diff --git a/web/components/watch/episodes.templ b/web/components/watch/episodes.templ
index 1695a15..c5df7a6 100644
--- a/web/components/watch/episodes.templ
+++ b/web/components/watch/episodes.templ
@@ -23,7 +23,7 @@ templ EpisodeItem(episode jikan.Episode, currentEpisode string, animeID int) {
 		href={ templ.URL(fmt.Sprintf("/watch/%d/%d", animeID, episode.MalID)) }
 		class={
 			"flex items-center gap-3 px-3 py-2.5 text-sm no-underline transition-colors border-b border-(--panel-soft) last:border-0",
-			templ.KV("bg-white/5 text-white", isCurrent),
+			templ.KV("bg-(--accent)/10 text-(--text)", isCurrent),
 			templ.KV("text-(--text-muted) hover:bg-white/5 hover:text-(--text)", !isCurrent),
 		}
 	>
@@ -51,7 +51,7 @@ templ EpisodeItem(episode jikan.Episode, currentEpisode string, animeID int) {
 				<span class="shrink-0 px-1.5 py-0.5 text-[9px] uppercase tracking-wider bg-blue-900/50 text-blue-400">Recap</span>
 			}
 			if isCurrent {
-				<svg class="h-4 w-4 shrink-0 text-white" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
+				<svg class="h-4 w-4 shrink-0 text-(--accent)" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><polygon points="5 3 19 12 5 21 5 3"></polygon></svg>
 			}
 		</div>
 	</a>