diff --git a/web/components/anime/recommendations.templ b/web/components/anime/recommendations.templ
index 9cec64a..d81f9d6 100644
--- a/web/components/anime/recommendations.templ
+++ b/web/components/anime/recommendations.templ
@@ -7,15 +7,14 @@ import (
 
 templ Recommendations(recs []jikan.Anime) {
 	if len(recs) > 0 {
-		<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 lg:grid-cols-4 xl:grid-cols-5">
+		<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 lg:grid-cols-4 xl:grid-cols-6">
 			for _, anime := range recs {
 				@ui.AnimeCard(ui.AnimeCardProps{
-					ID:         anime.MalID,
-					Title:      anime.DisplayTitle(),
-					ImageURL:   anime.ImageURL(),
-					Class:      "relation-card",
-					ImgClass:   "relation-thumb",
-					TitleClass: "relation-title",
+					ID:       anime.MalID,
+					Title:    anime.DisplayTitle(),
+					ImageURL: anime.ImageURL(),
+					Synopsis: anime.Synopsis,
+					Score:    int(anime.Score * 10),
 				})
 			}
 		</div>
diff --git a/web/components/anime/relations.templ b/web/components/anime/relations.templ
index 3907964..7d7a489 100644
--- a/web/components/anime/relations.templ
+++ b/web/components/anime/relations.templ
@@ -7,15 +7,12 @@ import (
 
 templ RelationsList(relations []jikan.RelationEntry) {
 	if len(relations) > 1 {
-		<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 lg:grid-cols-4 xl:grid-cols-5" id="relations-grid">
+		<div class="grid grid-cols-2 gap-3 sm:grid-cols-3 md:gap-4 lg:grid-cols-4 xl:grid-cols-6" id="relations-grid">
 			for _, rel := range relations {
 				@ui.AnimeCard(ui.AnimeCardProps{
 					ID:          rel.Anime.MalID,
 					Title:       rel.Anime.DisplayTitle(),
 					ImageURL:    rel.Anime.ImageURL(),
-					Class:       relationCardClass(rel),
-					ImgClass:    "relation-thumb",
-					TitleClass:  "relation-title",
 					CurrentNode: rel.IsCurrent,
 				}) {
 					if rel.IsCurrent {
@@ -32,6 +29,4 @@ templ RelationsList(relations []jikan.RelationEntry) {
 	}
 }
 
-func relationCardClass(rel jikan.RelationEntry) string {
-	return "relation-card min-w-0 flex flex-col bg-transparent text-inherit no-underline"
-}
+