diff --git a/front/packages/ui/src/details/header.tsx b/front/packages/ui/src/details/header.tsx
index bd68098a..f030e374 100644
--- a/front/packages/ui/src/details/header.tsx
+++ b/front/packages/ui/src/details/header.tsx
@@ -74,6 +74,8 @@ import { WatchListInfo } from "../components/watchlist-info";
import { WatchStatusV } from "@kyoo/models/src/resources/watch-status";
import { capitalize } from "@kyoo/primitives";
import { ShowWatchStatusCard } from "./show";
+import Download from "@material-symbols/svg-400/rounded/download.svg";
+import { useDownloader } from "../downloads";
export const TitleLine = ({
isLoading,
@@ -107,6 +109,7 @@ export const TitleLine = ({
} & Stylable) => {
const { css, theme } = useYoshiki();
const { t } = useTranslation();
+ const downloader = useDownloader();
return (
)}
+ {type === "movie" && slug && (
+ downloader(type, slug)}
+ color={{ xs: theme.user.contrast, md: theme.colors.white }}
+ {...tooltip(t("home.episodeMore.download"))}
+ />
+ )}
{rating !== null && (
<>