From 3a6504c1820bde85573c2fa71f5d228d638081eb Mon Sep 17 00:00:00 2001
From: Dylan Audius <dylan@audius.co>
Date: Sat, 16 May 2026 22:07:44 -0700
Subject: [PATCH] fix(mobile): use ContestCardSkeleton for Explore contest
 carousel loading state

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 .../explore-screen/components/FeaturedRemixContests.tsx    | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx b/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx
index 273ac08c2e0..fa47214fb6b 100644
--- a/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx
+++ b/packages/mobile/src/screens/explore-screen/components/FeaturedRemixContests.tsx
@@ -5,9 +5,8 @@ import { exploreMessages as messages } from '@audius/common/messages'
 import { useWindowDimensions } from 'react-native'
 
 import { useTheme } from '@audius/harmony-native'
-import { ContestCard } from 'app/components/contest-card'
+import { ContestCard, ContestCardSkeleton } from 'app/components/contest-card'
 import { CardList } from 'app/components/core'
-import { TrackCardSkeleton } from 'app/components/track/TrackCardSkeleton'
 
 import { useDeferredElement } from '../../../hooks/useDeferredElement'
 
@@ -38,7 +37,9 @@ export const FeaturedRemixContests = () => {
           carouselSpacing={spacing.l}
           horizontalCardWidth={contestCardWidth}
           isLoading={isAllContestsPending}
-          LoadingCardComponent={TrackCardSkeleton}
+          LoadingCardComponent={() => (
+            <ContestCardSkeleton style={{ minWidth: 250 }} />
+          )}
         />
       </ExploreSection>
     </InViewWrapper>