diff --git a/front/packages/ui/src/details/season.tsx b/front/packages/ui/src/details/season.tsx
index 3ee692f1..fd3da62d 100644
--- a/front/packages/ui/src/details/season.tsx
+++ b/front/packages/ui/src/details/season.tsx
@@ -36,7 +36,7 @@ export const EpisodeList = <Props,>({
 	slug: string;
 	season: string | number;
 	Header: ComponentType<Props & { children: JSX.Element }>;
-	headerProps: Props
+	headerProps: Props;
 }) => {
 	const { t } = useTranslation();
 
diff --git a/front/packages/ui/src/details/show.tsx b/front/packages/ui/src/details/show.tsx
index b160ffd6..4edfd80d 100644
--- a/front/packages/ui/src/details/show.tsx
+++ b/front/packages/ui/src/details/show.tsx
@@ -42,7 +42,10 @@ const SvgWave = (props: SvgProps) => {
 	);
 };
 
-const ShowHeader = forwardRef<View, ViewProps & { slug: string }>(function _ShowHeader({ children, slug, ...props }, ref) {
+const ShowHeader = forwardRef<View, ViewProps & { slug: string }>(function _ShowHeader(
+	{ children, slug, ...props },
+	ref,
+) {
 	const { css, theme } = useYoshiki();
 
 	return (
@@ -78,7 +81,7 @@ const ShowHeader = forwardRef<View, ViewProps & { slug: string }>(function _Show
 			</View>
 		</View>
 	);
-	});
+});
 
 const query = (slug: string): QueryIdentifier<Show> => ({
 	parser: ShowP,
@@ -89,14 +92,11 @@ const query = (slug: string): QueryIdentifier<Show> => ({
 });
 
 export const ShowDetails: QueryPage<{ slug: string; season: string }> = ({ slug, season }) => {
+	const { css, theme } = useYoshiki();
 	return (
-		<SwitchVariant>
-			{({ css, theme }) => (
-				<View {...css({ bg: theme.background, flex: 1 })}>
-					<EpisodeList slug={slug} season={season} Header={ShowHeader} headerProps={{slug}} />
-				</View>
-			)}
-		</SwitchVariant>
+		<View {...css({ bg: theme.variant.background, flex: 1 })}>
+			<EpisodeList slug={slug} season={season} Header={ShowHeader} headerProps={{ slug }} />
+		</View>
 	);
 };