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>
                             )}