diff --git a/modules/desktop/package.json b/modules/desktop/package.json
index 9b4a77a..53f816d 100644
--- a/modules/desktop/package.json
+++ b/modules/desktop/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tea",
-  "version": "0.2.17",
+  "version": "0.2.18",
   "private": true,
   "description": "tea gui app",
   "author": "tea.xyz",
diff --git a/modules/desktop/src/routes/packages/[slug]/+page.svelte b/modules/desktop/src/routes/packages/[slug]/+page.svelte
index 29a3ce6..ef16375 100644
--- a/modules/desktop/src/routes/packages/[slug]/+page.svelte
+++ b/modules/desktop/src/routes/packages/[slug]/+page.svelte
@@ -2,6 +2,7 @@
   import "$appcss";
   import { t } from "$libs/translations";
 
+  import Spinner from "@tea/ui/spinner/spinner.svelte";
   import { page } from "$app/stores";
   // import PageHeader from '$components/page-header/page-header.svelte';
   import PackageBanner from "$components/package-banner/package-banner.svelte";
@@ -84,6 +85,11 @@
 
     <section class="mt-8 flex gap-8">
       <div class="w-2/3">
+        {#if tabs.length === 0}
+          <div class="flex w-full justify-center py-20">
+            <Spinner />
+          </div>
+        {/if}
         <Tabs {tabs} defaultTab={$t("common.details")} />
       </div>
       <div class="w-1/3">