From e1059aceeddd387279e6478eab8be8330ca17bd4 Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Mon, 14 Jul 2025 00:11:14 +0200
Subject: [PATCH] Fix safe area in movies details page

---
 front/src/ui/details/movie.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/front/src/ui/details/movie.tsx b/front/src/ui/details/movie.tsx
index 81509cc2..c46f25b5 100644
--- a/front/src/ui/details/movie.tsx
+++ b/front/src/ui/details/movie.tsx
@@ -1,16 +1,14 @@
-import { Platform, ScrollView } from "react-native";
-import { useYoshiki } from "yoshiki/native";
-import { Movie } from "~/models";
-import type { QueryIdentifier } from "~/query";
+import { ScrollView } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useQueryState } from "~/utils";
 import { Header } from "./header";
 
 export const MovieDetails = () => {
 	const [slug] = useQueryState("slug", undefined!);
-	const { css } = useYoshiki();
+	const insets = useSafeAreaInsets();
 
 	return (
-		<ScrollView>
+		<ScrollView contentContainerStyle={{ paddingBottom: insets.bottom }}>
 			<Header kind="movie" slug={slug} />
 		</ScrollView>
 	);