diff --git a/__snapshots__/repo-summary-card--loading.png b/__snapshots__/repo-summary-card--loading.png
index ff264d3..98a5f86 100644
Binary files a/__snapshots__/repo-summary-card--loading.png and b/__snapshots__/repo-summary-card--loading.png differ
diff --git a/__snapshots__/repo-summary-card.test.js.snap b/__snapshots__/repo-summary-card.test.js.snap
index 661bbcc..067747c 100644
--- a/__snapshots__/repo-summary-card.test.js.snap
+++ b/__snapshots__/repo-summary-card.test.js.snap
@@ -63,8 +63,10 @@ exports[`Repo/Summary/Card loading smoke-test 1`] = `
 <div class="card w-96 bg-neutral text-neutral-focus">
   <div class="card-body">
     <div class="text-center">
-      <span class="loading loading-spinner loading-lg text-base-100">
-      </span>
+      <div class="h-6 mt-1 mb-3 skeleton w-40">
+      </div>
+      <div class="h-4 mb-1 skeleton w-100">
+      </div>
     </div>
   </div>
 </div>
diff --git a/__snapshots__/repo-summary-list--loading.png b/__snapshots__/repo-summary-list--loading.png
index 946b143..cfc15ac 100644
Binary files a/__snapshots__/repo-summary-list--loading.png and b/__snapshots__/repo-summary-list--loading.png differ
diff --git a/__snapshots__/repo-summary-list--partially-loaded.png b/__snapshots__/repo-summary-list--partially-loaded.png
index 342e9bf..660353f 100644
Binary files a/__snapshots__/repo-summary-list--partially-loaded.png and b/__snapshots__/repo-summary-list--partially-loaded.png differ
diff --git a/__snapshots__/repo-summary-list.test.js.snap b/__snapshots__/repo-summary-list.test.js.snap
index 3f85839..27bc7a9 100644
--- a/__snapshots__/repo-summary-list.test.js.snap
+++ b/__snapshots__/repo-summary-list.test.js.snap
@@ -69,24 +69,30 @@ exports[`Repo/Summary/List Loading smoke-test 1`] = `
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>
@@ -156,8 +162,10 @@ exports[`Repo/Summary/List Partially Loaded smoke-test 1`] = `
   <div class="card w-96 bg-neutral text-neutral-focus">
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100">
-        </span>
+        <div class="h-6 mt-1 mb-3 skeleton w-40">
+        </div>
+        <div class="h-4 mb-1 skeleton w-100">
+        </div>
       </div>
     </div>
   </div>
diff --git a/src/lib/components/RepoSummaryCard.svelte b/src/lib/components/RepoSummaryCard.svelte
index 6d7b248..2cc3b2d 100644
--- a/src/lib/components/RepoSummaryCard.svelte
+++ b/src/lib/components/RepoSummaryCard.svelte
@@ -34,7 +34,8 @@
   >
     <div class="card-body">
       <div class="text-center">
-        <span class="loading loading-spinner loading-lg text-base-100" />
+        <div class="h-6 mt-1 mb-3 skeleton w-40"></div>
+        <div class="h-4 mb-1 skeleton w-100"></div>
       </div>
     </div>
   </div>