From 9d8e2e25e2198cec4b82bbea24d7d80f435d389d Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Sun, 13 Jul 2025 23:57:10 +0200
Subject: [PATCH] Cleanup studios display in details page

---
 front/src/ui/details/header.tsx | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/front/src/ui/details/header.tsx b/front/src/ui/details/header.tsx
index 25e2b2a3..75337010 100644
--- a/front/src/ui/details/header.tsx
+++ b/front/src/ui/details/header.tsx
@@ -359,23 +359,22 @@ export const TitleLine = ({
 					}) as any,
 				])}
 			>
-				{studios?.map((x) => (
+				{studios !== null && (
 					<P
-						key={x.slug}
 						{...css({
+							flexWrap: "wrap",
 							color: (theme: Theme) => theme.user.paragraph,
-							display: "flex",
 						})}
 					>
-						{t("show.studio")}:{" "}
-						<A
-							href={`/studio/${x.slug}`}
-							{...css({ color: (theme) => theme.user.link })}
-						>
-							{x.name}
-						</A>
+						{t("show.studios")}:{" "}
+						{studios.map((studio, i) => (
+							<Fragment key={studio.id}>
+								<P {...(css({ m: 0 }) as any)}>{i !== 0 && ", "}</P>
+								<A href={`/studios/${studio.slug}`}>{studio.name}</A>
+							</Fragment>
+						))}
 					</P>
-				))}
+				)}
 			</View>
 		</Container>
 	);