diff --git a/front/apps/mobile/app/(app)/_layout.tsx b/front/apps/mobile/app/(app)/_layout.tsx
index d0c5690f..7055b15e 100644
--- a/front/apps/mobile/app/(app)/_layout.tsx
+++ b/front/apps/mobile/app/(app)/_layout.tsx
@@ -23,9 +23,11 @@ import { CircularProgress } from "@kyoo/primitives";
 import { NavbarRight, NavbarTitle } from "@kyoo/ui";
 import { Redirect, SplashScreen, Stack } from "expo-router";
 import { useContext, useEffect } from "react";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useTheme } from "yoshiki/native";
 
 export default function SignGuard() {
+	const insets = useSafeAreaInsets();
 	const theme = useTheme();
 	// TODO: support guest accounts on mobile too.
 	const account = useAccount();
@@ -46,6 +48,9 @@ export default function SignGuard() {
 				headerRight: () => <NavbarRight />,
 				contentStyle: {
 					backgroundColor: theme.background,
+					paddingBottom: insets.bottom,
+					paddingLeft: insets.left,
+					paddingRight: insets.right,
 				},
 				headerStyle: {
 					backgroundColor: theme.accent,
diff --git a/front/packages/ui/src/details/episode.tsx b/front/packages/ui/src/details/episode.tsx
index 3c4b55f0..5065eddf 100644
--- a/front/packages/ui/src/details/episode.tsx
+++ b/front/packages/ui/src/details/episode.tsx
@@ -241,7 +241,7 @@ export const EpisodeLine = ({
 				>
 					<Skeleton>
 						{isLoading || (
-							<H6 aria-level={undefined} {...css("title")}>
+							<H6 aria-level={undefined} {...css([{ flexShrink: 1 }, "title"])}>
 								{name ?? t("show.episodeNoMetadata")}
 							</H6>
 						)}