From b6a670689cb1ac516451e74b994e87b95eea7c7e Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 15 Jan 2026 22:14:34 -0800
Subject: [PATCH] fix ItemCard skeleton sizing to match original

---
 src/renderer/components/item-card/item-card.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/renderer/components/item-card/item-card.tsx b/src/renderer/components/item-card/item-card.tsx
index 1c4cb65db..3f9bc8770 100644
--- a/src/renderer/components/item-card/item-card.tsx
+++ b/src/renderer/components/item-card/item-card.tsx
@@ -420,14 +420,15 @@ const CompactItemCard = ({
                                 row !== null && row !== undefined,
                         )
                         .map((row, index) => (
-                            <div
+                            <Text
                                 className={clsx(styles.row, {
                                     [styles.muted]: index > 0,
                                 })}
                                 key={row.id}
+                                size={index > 0 ? 'sm' : 'md'}
                             >
                                 &nbsp;
-                            </div>
+                            </Text>
                         ))}
                 </div>
             </div>
@@ -636,14 +637,15 @@ const DefaultItemCard = ({
                         (row): row is NonNullable<typeof row> => row !== null && row !== undefined,
                     )
                     .map((row, index) => (
-                        <div
+                        <Text
                             className={clsx(styles.row, {
                                 [styles.muted]: index > 0,
                             })}
                             key={row.id}
+                            size={index > 0 ? 'sm' : 'md'}
                         >
                             &nbsp;
-                        </div>
+                        </Text>
                     ))}
             </div>
         </div>
@@ -922,14 +924,15 @@ const PosterItemCard = ({
                         (row): row is NonNullable<typeof row> => row !== null && row !== undefined,
                     )
                     .map((row, index) => (
-                        <div
+                        <Text
                             className={clsx(styles.row, {
                                 [styles.muted]: index > 0,
                             })}
                             key={row.id}
+                            size={index > 0 ? 'sm' : 'md'}
                         >
                             &nbsp;
-                        </div>
+                        </Text>
                     ))}
             </div>
         </div>