From f21ca83179bd6e051081f34f7bbc77221c8da5d3 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Sun, 28 Dec 2025 02:03:20 -0800
Subject: [PATCH] force single line on feature carousel artist

---
 .../feature-carousel/feature-carousel.module.css          | 1 +
 .../components/feature-carousel/feature-carousel.tsx      | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/feature-carousel/feature-carousel.module.css b/src/renderer/components/feature-carousel/feature-carousel.module.css
index f62bc2460..b5986508d 100644
--- a/src/renderer/components/feature-carousel/feature-carousel.module.css
+++ b/src/renderer/components/feature-carousel/feature-carousel.module.css
@@ -177,6 +177,7 @@
 }
 
 .artist {
+    width: 100%;
     color: white;
     text-shadow: 0 0 8px rgb(0 0 0 / 50%);
 }
diff --git a/src/renderer/components/feature-carousel/feature-carousel.tsx b/src/renderer/components/feature-carousel/feature-carousel.tsx
index 3de2e6cb5..1a8213102 100644
--- a/src/renderer/components/feature-carousel/feature-carousel.tsx
+++ b/src/renderer/components/feature-carousel/feature-carousel.tsx
@@ -131,7 +131,13 @@ const CarouselItem = ({ album }: CarouselItemProps) => {
                     <div className={styles.metadataSection}>
                         <Stack gap="sm">
                             {album.albumArtists?.[0] && (
-                                <Text className={styles.artist} fw={500} size="md">
+                                <Text
+                                    className={styles.artist}
+                                    fw={500}
+                                    lineClamp={1}
+                                    size="md"
+                                    ta="center"
+                                >
                                     {album.albumArtists[0].name}
                                 </Text>
                             )}