diff --git a/src/lib/components/ui/onboarding-guide/onboarding-guide.svelte b/src/lib/components/ui/onboarding-guide/onboarding-guide.svelte
index 400ede3..b913d5f 100644
--- a/src/lib/components/ui/onboarding-guide/onboarding-guide.svelte
+++ b/src/lib/components/ui/onboarding-guide/onboarding-guide.svelte
@@ -1,8 +1,7 @@
 <script lang="ts">
-  import type { MouseEventHandler } from "svelte/elements";
+  import DoneIcon from "@lucide/svelte/icons/check";
   import { Button, type ButtonVariant } from "../button";
   import { Headline, Text } from "../typography";
-  import DoneIcon from "@lucide/svelte/icons/check";
 
   type Step = {
     title: string;
diff --git a/src/lib/components/ui/translation-with-component/translation-with-component.svelte b/src/lib/components/ui/translation-with-component/translation-with-component.svelte
index e032c33..a850bbb 100644
--- a/src/lib/components/ui/translation-with-component/translation-with-component.svelte
+++ b/src/lib/components/ui/translation-with-component/translation-with-component.svelte
@@ -80,13 +80,13 @@
   const segments = processTranslation(translation, interpolations);
 </script>
 
-{#each segments as segment}
+{#each segments as segment, index (`segment-${index}`)}
   {#if segment.type === "text"}
     {segment.content}
   {:else if segment.snippet}
     {@render segment.snippet(segment.value, segment.param)}
   {:else if defaultSnippet && segment.value}
-    {@render defaultSnippet(segment.value, segment.param)}
+    {@render defaultSnippet(segment.value)}
   {:else if children && segment.value}
     {@render children(segment.value, segment.param)}
   {:else}
@@ -94,6 +94,6 @@
   {/if}
 {/each}
 
-{#snippet defaultSnippet(value: string | number, param: string)}
+{#snippet defaultSnippet(value: string | number)}
   <em>{value}</em>
 {/snippet}