diff --git a/front/packages/primitives/src/skeleton.tsx b/front/packages/primitives/src/skeleton.tsx
index 8e7255b9..37185613 100644
--- a/front/packages/primitives/src/skeleton.tsx
+++ b/front/packages/primitives/src/skeleton.tsx
@@ -22,7 +22,7 @@ import { LinearGradient as LG } from "expo-linear-gradient";
 import { AnimatePresence, motify, MotiView } from "moti";
 import { useState } from "react";
 import { Platform, View, ViewProps } from "react-native";
-import { px, rem, useYoshiki, percent } from "yoshiki/native";
+import { px, rem, useYoshiki, percent, em } from "yoshiki/native";
 import { hiddenIfNoJs } from "./utils/nojs";
 
 const LinearGradient = motify(LG)();
@@ -53,7 +53,7 @@ export const Skeleton = ({
 	children?: JSX.Element | JSX.Element[] | boolean | null;
 	show?: boolean;
 	lines?: number;
-	variant?: "text" | "header" | "round" | "custom" | "fill";
+	variant?: "text" | "header" | "round" | "custom" | "fill" | "filltext";
 }) => {
 	const { css, theme } = useYoshiki();
 	const [width, setWidth] = useState<number | undefined>(undefined);
@@ -91,6 +91,10 @@ export const Skeleton = ({
 						width: percent(100),
 						height: percent(100),
 					},
+					variant === "filltext" && {
+						width: percent(100),
+						height: em(1),
+					},
 				],
 				props,
 			)}
diff --git a/front/packages/ui/src/details/episode.tsx b/front/packages/ui/src/details/episode.tsx
index 1629aac4..b844f0a4 100644
--- a/front/packages/ui/src/details/episode.tsx
+++ b/front/packages/ui/src/details/episode.tsx
@@ -90,8 +90,8 @@ export const EpisodeLine = ({
 				props,
 			)}
 		>
-			<P {...css({ width: rem(4), flexShrink: 0, m: ts(1) })}>
-				{isLoading ? <Skeleton variant="fill" /> : displayNumber}
+			<P {...css({ width: rem(4), flexShrink: 0, m: ts(1), textAlign: "center" })}>
+				{isLoading ? <Skeleton variant="filltext" /> : displayNumber}
 			</P>
 			<Image
 				src={thumbnail}
diff --git a/front/packages/ui/src/details/season.tsx b/front/packages/ui/src/details/season.tsx
index 988c7afb..162bbe8b 100644
--- a/front/packages/ui/src/details/season.tsx
+++ b/front/packages/ui/src/details/season.tsx
@@ -19,7 +19,7 @@
  */
 
 import { Episode, EpisodeP, QueryIdentifier, Season } from "@kyoo/models";
-import { Container, SwitchVariant } from "@kyoo/primitives";
+import { Container, SwitchVariant, ts } from "@kyoo/primitives";
 import Svg, { SvgProps, Path } from "react-native-svg";
 import { Stylable } from "yoshiki/native";
 import { View } from "react-native";
@@ -73,7 +73,7 @@ export const SeasonTab = ({
 		<SwitchVariant>
 			{({ css, theme }) => (
 				<View>
-					<SvgWave fill={theme.background} />
+					<SvgWave fill={theme.background} {...css({ marginTop: { xs: ts(2), md: 0 } })} />
 					<View {...css({ bg: (theme) => theme.background }, props)}>
 						<Container>
 							{/* <Tabs value={season} onChange={(_, i) => setSeason(i)} aria-label="List of seasons"> */}