diff --git a/web/src/lib/components/TrackMenuDivider.svelte b/web/src/lib/components/TrackMenuDivider.svelte
index 6c4d416e..ef7868db 100644
--- a/web/src/lib/components/TrackMenuDivider.svelte
+++ b/web/src/lib/components/TrackMenuDivider.svelte
@@ -1 +1 @@
-<hr class="my-1 border-border" role="separator" />
+<hr class="my-1 border-border" />
diff --git a/web/src/lib/components/TrackMenuItem.svelte b/web/src/lib/components/TrackMenuItem.svelte
index d7c2377e..638fe2c2 100644
--- a/web/src/lib/components/TrackMenuItem.svelte
+++ b/web/src/lib/components/TrackMenuItem.svelte
@@ -1,5 +1,12 @@
 <script lang="ts">
-  import type { Component } from 'svelte';
+  import type { ComponentType, SvelteComponent } from 'svelte';
+
+  // Lucide-svelte ships class-based components (typeof ListPlus = ComponentType<...>),
+  // not runes-mode function components (Svelte 5's Component<...> type). Use
+  // ComponentType<SvelteComponent<...>> so any Lucide icon assigns cleanly.
+  type IconProp = ComponentType<
+    SvelteComponent<{ size?: number; strokeWidth?: number; class?: string }>
+  >;
 
   let {
     icon,
@@ -9,8 +16,8 @@
     danger = false,
     title,
   }: {
-    /** Lucide icon component (or any Svelte component matching the Lucide signature). */
-    icon: Component<{ size?: number; strokeWidth?: number; class?: string }>;
+    /** Lucide icon component (or any Svelte class-component matching the Lucide signature). */
+    icon: IconProp;
     label: string;
     onclick?: () => void;
     disabled?: boolean;