diff --git a/dashboard/frontend/src/components/Sidebar.svelte b/dashboard/frontend/src/components/Sidebar.svelte
index 84718ba..0d4f69e 100644
--- a/dashboard/frontend/src/components/Sidebar.svelte
+++ b/dashboard/frontend/src/components/Sidebar.svelte
@@ -12,7 +12,7 @@
   ];
 
   const external = [
-    { label: "Navidrome", port: 4533, icon: "music" },
+    { label: "Navidrome", href: "https://music.jimmygan.com", icon: "music" },
     { label: "Immich", port: 2283, icon: "image" },
     { label: "Emby", port: 8096, icon: "play" },
     { label: "Gitea Web", port: 3300, icon: "git" },
@@ -82,7 +82,7 @@
     <p class="text-[10px] font-semibold uppercase tracking-wider text-surface-400 px-3 mb-2">Services</p>
     {#each external as svc}
       <a
-        href={extHref(svc.port)}
+        href={svc.href || extHref(svc.port)}
         target="_blank"
         rel="noopener"
         class="w-full text-left px-3 py-2 rounded-lg text-[13px] font-medium flex items-center gap-2.5 mb-0.5 text-surface-500 hover:bg-surface-100 hover:text-surface-700 transition-all duration-150 {dark ? 'hover:bg-surface-700 hover:text-surface-200 text-surface-400' : ''}"