diff --git a/src/components/Nav.svelte b/src/components/Nav.svelte
index 207c2b1..d114ac0 100644
--- a/src/components/Nav.svelte
+++ b/src/components/Nav.svelte
@@ -1,13 +1,16 @@
 <script lang="ts">
   import { Menu } from "lucide-svelte";
+  import type { Snippet } from "svelte";
   import type { NavItem } from "../types/nav";
 
   let {
     title = "",
     navLinks = [],
+    action,
   }: {
     title?: string;
     navLinks?: NavItem[];
+    action?: Snippet;
   } = $props();
 </script>
 
@@ -53,7 +56,8 @@
                     <li>
                       <a href={sublink.href} class="flex items-center gap-2">
                         {#if sublink.icon}
-                          <svelte:component this={sublink.icon} size={16} />
+                          {@const Icon = sublink.icon}
+                          <Icon size={16} />
                         {/if}
                         {sublink.label}
                       </a>
@@ -64,7 +68,8 @@
             {:else}
               <a href={link.href} class="flex items-center gap-2">
                 {#if link.icon}
-                  <svelte:component this={link.icon} size={18} />
+                  {@const Icon = link.icon}
+                  <Icon size={18} />
                 {/if}
                 {link.label}
               </a>
@@ -75,7 +80,7 @@
     </div>
 
     <div class="navbar-end">
-      <slot name="action"></slot>
+      {@render action?.()}
     </div>
   </div>
 </div>
diff --git a/src/components/Result.svelte b/src/components/Result.svelte
index 1e00e5a..0ec2bf4 100644
--- a/src/components/Result.svelte
+++ b/src/components/Result.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { User, Lock, Check, MessageCircle } from "lucide-svelte";
-  import type { Result } from "src/types/nav";
+  import type { Result } from "src/types/result";
 
   let { result }: { result: Result} = $props();
 
diff --git a/src/components/SearchApp.svelte b/src/components/SearchApp.svelte
index 4c05c42..52efa7d 100644
--- a/src/components/SearchApp.svelte
+++ b/src/components/SearchApp.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import { onMount } from "svelte";
   import Result from "./Result.svelte";
-  import type { Result as ResultType } from "src/types/nav";
+  import type { Result as ResultType } from "src/types/result";
   import { Search } from "lucide-svelte";
   import DefaultView from "./DefaultView.svelte";
   import NotFoundView from "./NotFoundView.svelte";
diff --git a/src/types/nav.ts b/src/types/nav.ts
index dfcc57a..239e203 100644
--- a/src/types/nav.ts
+++ b/src/types/nav.ts
@@ -4,14 +4,3 @@ export interface NavItem {
   icon?: any;
   children?: NavItem[];
 }
-
-export interface Result {
-  manufacturer: string;
-  name: string;
-  icon: string;
-  tags: string[];
-  version: string;
-  comment: string;
-  user: string;
-  pass: string;
-}
diff --git a/src/types/result.ts b/src/types/result.ts
new file mode 100644
index 0000000..ea44928
--- /dev/null
+++ b/src/types/result.ts
@@ -0,0 +1,10 @@
+export interface Result {
+  manufacturer: string;
+  name: string;
+  icon: string;
+  tags: string[];
+  version: string;
+  comment: string;
+  user: string;
+  pass: string;
+}