diff --git a/web/templates/watchlist.templ b/web/templates/watchlist.templ
index bf46b35..4879018 100644
--- a/web/templates/watchlist.templ
+++ b/web/templates/watchlist.templ
@@ -143,13 +143,14 @@ templ Watchlist(
 								href={ templ.URL(shared.AnimeURL(int(entry.AnimeID))) }
 								class="flex flex-col bg-transparent text-inherit no-underline"
 							>
-								<div class="flex w-full aspect-2/3 justify-center overflow-hidden">
+								<div class="relative flex w-full aspect-2/3 justify-center overflow-hidden">
 									<img
 										src={ entry.ImageUrl }
 										alt={ entry.DisplayTitle() }
 										class="block w-full object-cover object-center"
 										loading="lazy"
 									/>
+									<div class="absolute inset-0 bg-black/0 transition-colors duration-200 group-hover:bg-black/40"></div>
 								</div>
 								<div class="mt-2 line-clamp-2 text-sm leading-snug text-(--text)">
 									{ entry.DisplayTitle() }