diff --git a/components/LiveCard.tsx b/components/LiveCard.tsx
index 6e24058..0fec613 100644
--- a/components/LiveCard.tsx
+++ b/components/LiveCard.tsx
@@ -43,7 +43,7 @@ export const LiveCard = React.memo(function LiveCard({
           source={{ uri: proxyImageUrl(item.cover) }}
           style={[
             styles.thumb,
-            { width: cardWidth, height: cardWidth * 0.5625 },
+            { width: cardWidth, height: cardWidth * 0.5625, backgroundColor: theme.card },
           ]}
           resizeMode="cover"
         />
diff --git a/components/VideoCard.tsx b/components/VideoCard.tsx
index 153fd7d..ac9c480 100644
--- a/components/VideoCard.tsx
+++ b/components/VideoCard.tsx
@@ -34,7 +34,7 @@ export const VideoCard = React.memo(function VideoCard({ item, onPress }: Props)
       <View style={styles.thumbContainer}>
         <Image
           source={{ uri: coverImageUrl(item.pic, trafficSaving ? 'normal' : 'hd') }}
-          style={styles.thumb}
+          style={[styles.thumb, { backgroundColor: theme.card }]}
           resizeMode="cover"
         />
         <View style={styles.meta}>