diff --git a/src/components/skills/SkillsPage.tsx b/src/components/skills/SkillsPage.tsx
index 16bbce978..721ac9665 100644
--- a/src/components/skills/SkillsPage.tsx
+++ b/src/components/skills/SkillsPage.tsx
@@ -54,6 +54,7 @@ export const SkillsPage = forwardRef<SkillsPageHandle, SkillsPageProps>(
     const {
       data: discoverableSkills,
       isLoading: loadingDiscoverable,
+      isFetching: fetchingDiscoverable,
       refetch: refetchDiscoverable,
     } = useDiscoverableSkills();
     const { data: installedSkills } = useInstalledSkills();
@@ -86,7 +87,7 @@ export const SkillsPage = forwardRef<SkillsPageHandle, SkillsPageProps>(
       });
     }, [discoverableSkills, installedDirs]);
 
-    const loading = loadingDiscoverable;
+    const loading = loadingDiscoverable || fetchingDiscoverable;
 
     useImperativeHandle(ref, () => ({
       refresh: () => {