diff --git a/front/packages/ui/src/home/recommanded.tsx b/front/packages/ui/src/home/recommanded.tsx
index cac2f872..56378a19 100644
--- a/front/packages/ui/src/home/recommanded.tsx
+++ b/front/packages/ui/src/home/recommanded.tsx
@@ -127,7 +127,7 @@ export const ItemDetails = ({
 					})}
 				>
 					<Skeleton {...css({ width: percent(100) })}>
-						{isLoading || <P {...css([{ m: 0, color: "white" }, "title"])}>{name}</P>}
+						{isLoading || <P {...css([{ m: 0, color: (theme: Theme) => theme.colors.white }, "title"])}>{name}</P>}
 					</Skeleton>
 					{(subtitle || isLoading) && (
 						<Skeleton {...css({ height: rem(0.8) })}>