diff --git a/front/components/SongCard.tsx b/front/components/SongCard.tsx
index 9279467..45fdf74 100644
--- a/front/components/SongCard.tsx
+++ b/front/components/SongCard.tsx
@@ -25,10 +25,10 @@ const SongCard = (props: SongCardProps) => {
 				alt={[props.songTitle, props.artistName].join('-')}
 			/>
 			<VStack padding={3}>
-				<Text bold fontSize='md'>
+				<Text isTruncated bold fontSize='md' noOfLines={2} height={50}>
 					{songTitle}
 				</Text>
-				<Text>
+				<Text isTruncated >
 					{artistName}
 				</Text>
 			</VStack>
diff --git a/front/components/SongCardGrid.tsx b/front/components/SongCardGrid.tsx
index a336828..966d7f2 100644
--- a/front/components/SongCardGrid.tsx
+++ b/front/components/SongCardGrid.tsx
@@ -13,11 +13,11 @@ const SongCardGrid = (props: SongCardGrid) => {
 	return <VStack>
 		<Heading>{props.heading}</Heading>
 		<FlatGrid
-			maxItemsPerRow={props.maxItemPerRow ?? 5}
+			itemDimension={250}
 			additionalRowStyle={{ justifyContent: 'space-between' }}
 			data={props.songs}
 			renderItem={({ item }) => <SongCard {...item} /> }
-			spacing={20}
+			spacing={10}
 		/>
 	</VStack>
 }