diff --git a/front/src/components/items/item-details.tsx b/front/src/components/items/item-details.tsx
index 1ef29f96..c40bccaf 100644
--- a/front/src/components/items/item-details.tsx
+++ b/front/src/components/items/item-details.tsx
@@ -123,7 +123,7 @@ export const ItemDetails = ({
 							<Chip
 								key={x ?? i}
 								label={t(`genres.${x}`)}
-								href={`/genres/${x}`}
+								href={`/browse?filter=genres has ${x}`}
 								size="small"
 								className="mx-1"
 							/>
diff --git a/front/src/ui/details/header.tsx b/front/src/ui/details/header.tsx
index 4b07e629..0639f5cd 100644
--- a/front/src/ui/details/header.tsx
+++ b/front/src/ui/details/header.tsx
@@ -401,7 +401,9 @@ const Description = ({
 							<UL className="flex-1 flex-wrap max-sm:flex-row max-sm:items-center max-sm:text-center">
 								{genres.map((genre) => (
 									<LI key={genre}>
-										<A href={`/genres/${genre.toLowerCase()}`}>
+										<A
+											href={`/browse?filter=genres has ${genre.toLowerCase()}`}
+										>
 											{t(`genres.${genre}`)}
 										</A>
 									</LI>
@@ -435,7 +437,7 @@ const Description = ({
 					{studios.map((x, i) => (
 						<Fragment key={x.id}>
 							{i !== 0 && ","}
-							<A href={x.slug} className="ml-2">
+							<A href={`/browse?filter=studios has ${x.slug}`} className="ml-2">
 								{x.name}
 							</A>
 						</Fragment>