diff --git a/front/packages/ui/src/details/season.tsx b/front/packages/ui/src/details/season.tsx
index 1457a0f7..49678880 100644
--- a/front/packages/ui/src/details/season.tsx
+++ b/front/packages/ui/src/details/season.tsx
@@ -121,9 +121,12 @@ export const EpisodeList = <Props,>({
 			divider
 			Header={Header}
 			headerProps={headerProps}
+			getItemType={(item) => (item.firstOfSeason ? "withHeader" : "normal")}
 		>
 			{(item) => {
-				const sea = item?.firstOfSeason ? seasons?.find((x) => x.seasonNumber === item.seasonNumber) : null;
+				const sea = item?.firstOfSeason
+					? seasons?.find((x) => x.seasonNumber === item.seasonNumber)
+					: null;
 				return (
 					<>
 						{item.firstOfSeason && (
diff --git a/front/packages/ui/src/fetch-infinite.tsx b/front/packages/ui/src/fetch-infinite.tsx
index be4a94e8..236fd26c 100644
--- a/front/packages/ui/src/fetch-infinite.tsx
+++ b/front/packages/ui/src/fetch-infinite.tsx
@@ -35,6 +35,7 @@ export const InfiniteFetch = <Data, Props, _>({
 	divider = false,
 	Header,
 	headerProps,
+	getItemType,
 	...props
 }: {
 	query: QueryIdentifier<_, Data>;
@@ -50,6 +51,7 @@ export const InfiniteFetch = <Data, Props, _>({
 	divider?: boolean | ComponentType;
 	Header?: ComponentType<Props & { children: JSX.Element }> | ReactElement;
 	headerProps?: Props;
+	getItemType?: (item: Data, index: number) => string | number;
 }): JSX.Element | null => {
 	if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch.");
 
@@ -91,6 +93,7 @@ export const InfiniteFetch = <Data, Props, _>({
 			refreshing={isRefetching}
 			ItemSeparatorComponent={divider === true ? HR : divider || null}
 			ListHeaderComponent={Header}
+			getItemType={getItemType}
 			{...props}
 		/>
 	);
diff --git a/front/packages/ui/src/fetch-infinite.web.tsx b/front/packages/ui/src/fetch-infinite.web.tsx
index 5f352885..5212b9ca 100644
--- a/front/packages/ui/src/fetch-infinite.web.tsx
+++ b/front/packages/ui/src/fetch-infinite.web.tsx
@@ -112,6 +112,7 @@ export const InfiniteFetch = <Data, _>({
 	empty,
 	divider: Divider = false,
 	Header,
+	getItemType,
 	...props
 }: {
 	query: QueryIdentifier<_, Data>;
@@ -126,6 +127,7 @@ export const InfiniteFetch = <Data, _>({
 	empty?: string | JSX.Element;
 	divider?: boolean | ComponentType;
 	Header?: ComponentType<{ children: JSX.Element }> | ReactElement;
+	getItemType?: (item: Data, index: number) => string | number;
 }): JSX.Element | null => {
 	if (!query.infinite) console.warn("A non infinite query was passed to an InfiniteFetch.");