From 75473c8b5157412d2918764d7058f9444d4d6a06 Mon Sep 17 00:00:00 2001
From: natyusha <985941+natyusha@users.noreply.github.com>
Date: Tue, 12 Nov 2024 08:28:01 -0500
Subject: [PATCH] Maintain text alignment with long/overflowed anidb episode
 titles in the linking panel (#1138)

---
 src/components/Collection/Tmdb/AniDBEpisode.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Collection/Tmdb/AniDBEpisode.tsx b/src/components/Collection/Tmdb/AniDBEpisode.tsx
index 36c074e3b..56686b9eb 100644
--- a/src/components/Collection/Tmdb/AniDBEpisode.tsx
+++ b/src/components/Collection/Tmdb/AniDBEpisode.tsx
@@ -23,10 +23,10 @@ const AniDBEpisode = React.memo(({ episode, extra, isOdd, onIconClick }: Props)
       isOdd ? 'bg-panel-background-alt' : 'bg-panel-background',
     )}
   >
-    <div className={cx('w-8', extra && 'opacity-65')}>
+    <div className={cx('w-8 shrink-0', extra && 'opacity-65')}>
       {getEpisodePrefixAlt(episode.AniDB?.Type)}
     </div>
-    <div className={cx('w-8', extra && 'opacity-65')}>{padNumber(episode.AniDB?.EpisodeNumber ?? 0)}</div>
+    <div className={cx('w-8 shrink-0', extra && 'opacity-65')}>{padNumber(episode.AniDB?.EpisodeNumber ?? 0)}</div>
 
     <div
       className={cx('flex flex-col grow', extra && 'opacity-65')}