From ddb9b2926db5f6a7833a3bc96a0fd6590347c212 Mon Sep 17 00:00:00 2001
From: Arthur Jamet <arthur.jamet@gmail.com>
Date: Sat, 9 Dec 2023 18:55:07 +0100
Subject: [PATCH] Front: Recommended Component: fix align to position of play
 button

---
 front/packages/ui/src/home/recommanded.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/front/packages/ui/src/home/recommanded.tsx b/front/packages/ui/src/home/recommanded.tsx
index ed24087d..b8fe6e20 100644
--- a/front/packages/ui/src/home/recommanded.tsx
+++ b/front/packages/ui/src/home/recommanded.tsx
@@ -155,19 +155,19 @@ export const ItemDetails = ({
 						bg: (theme) => theme.themeOverlay,
 						flexDirection: "row",
 						pX: 4,
-						justifyContent: "space-between",
+						justifyContent: "flex-end",
 						minHeight: px(50),
 					})}
 				>
-					{
+					{(isLoading || genres) && (
 						<ScrollView horizontal {...css({ alignItems: "center" })}>
-							{(genres ?? Array(3))?.map((x, i) => (
+							{(genres || [...Array(3)])?.map((x, i) => (
 								<Chip key={x ?? i} size="small" {...css({ mX: ts(0.5) })}>
 									{x ?? <Skeleton {...css({ width: rem(3), height: rem(0.8) })} />}
 								</Chip>
 							))}
 						</ScrollView>
-					}
+					)}
 					{playHref !== null && (
 						<IconFab
 							icon={PlayArrow}