From ce4e09f1f61164c027f0f6bc320f19b284d2ccde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Le=20Bihan?= <clement.lebihan773@gmail.com>
Date: Sun, 26 Nov 2023 17:56:23 +0100
Subject: [PATCH] Additional CSS for goldenratiocards

---
 front/components/V2/HomeMainSongCard.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/front/components/V2/HomeMainSongCard.tsx b/front/components/V2/HomeMainSongCard.tsx
index 4c10c51..0f655fe 100644
--- a/front/components/V2/HomeMainSongCard.tsx
+++ b/front/components/V2/HomeMainSongCard.tsx
@@ -16,11 +16,12 @@ const HomeMainSongCard = (props: HomeMainSongCardProps) => {
 			{({ isHovered }) => (
 				<View
 					style={{
-						width: '100%',
-						height: '100%',
+						maxWidth: '100%',
+						maxHeight: '100%',
 						borderRadius: 12,
 						overflow: 'hidden',
 						position: 'relative',
+						aspectRatio: 1,
 					}}
 				>
 					<Image
@@ -29,8 +30,8 @@ const HomeMainSongCard = (props: HomeMainSongCardProps) => {
 						}}
 						style={{
 							aspectRatio: 1,
-							width: '100%',
-							height: '100%',
+							maxWidth: '100%',
+							maxHeight: '100%',
 							flexShrink: 1,
 						}}
 					/>