From f7311b4634ab092a2d663459a617ebbd5288285d Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Sat, 6 Jun 2026 21:51:27 +0200
Subject: [PATCH] Show profile card skeleton when loading more

---
 web/components/profile-grid.tsx | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/web/components/profile-grid.tsx b/web/components/profile-grid.tsx
index bb4177e7..a55511d9 100644
--- a/web/components/profile-grid.tsx
+++ b/web/components/profile-grid.tsx
@@ -29,7 +29,6 @@ import {getSeekingText} from 'web/components/profile-about'
 import {CompatibleBadge} from 'web/components/widgets/compatible-badge'
 import {Content} from 'web/components/widgets/editor'
 import HideProfileButton from 'web/components/widgets/hide-profile-button'
-import {CompassLoadingIndicator} from 'web/components/widgets/loading-indicator'
 import {StarButton} from 'web/components/widgets/star-button'
 import {LoadMoreUntilNotVisible} from 'web/components/widgets/visibility-observer'
 import {useChoicesContext} from 'web/hooks/use-choices'
@@ -146,11 +145,7 @@ export const ProfileGrid = (props: {
 
       <LoadMoreUntilNotVisible loadMore={loadMore} />
 
-      {isLoadingMore && (
-        <div className="flex justify-center py-4">
-          <CompassLoadingIndicator />
-        </div>
-      )}
+      {isLoadingMore && <ProfileGridSkeleton count={2} />}
 
       {user?.isBannedFromPosting ? (
         <div className="py-8 text-center">