diff --git a/website/src/lib/components/docs/DocsImage.svelte b/website/src/lib/components/docs/DocsImage.svelte
index 0aa31f96..712a48a0 100644
--- a/website/src/lib/components/docs/DocsImage.svelte
+++ b/website/src/lib/components/docs/DocsImage.svelte
@@ -1,23 +1,23 @@
 <script lang="ts">
-	export let img: 'getting-started/interface' | 'tools/routing' | 'tools/split';
+	export let src: 'getting-started/interface' | 'tools/routing' | 'tools/split';
 	export let alt: string;
 </script>
 
 <div class="flex flex-col items-center py-6 w-full">
 	<div class="rounded-md overflow-hidden overflow-clip shadow-xl mx-auto">
-		{#if img === 'getting-started/interface'}
+		{#if src === 'getting-started/interface'}
 			<enhanced:img
 				src="/src/lib/assets/img/docs/getting-started/interface.png"
 				{alt}
 				class="w-full max-w-3xl"
 			/>
-		{:else if img === 'tools/routing'}
+		{:else if src === 'tools/routing'}
 			<enhanced:img
 				src="/src/lib/assets/img/docs/tools/routing.png"
 				{alt}
 				class="w-full max-w-3xl"
 			/>
-		{:else if img === 'tools/split'}
+		{:else if src === 'tools/split'}
 			<enhanced:img src="/src/lib/assets/img/docs/tools/split.png" {alt} class="w-full max-w-3xl" />
 		{/if}
 	</div>
diff --git a/website/src/lib/docs/en/getting-started.mdx b/website/src/lib/docs/en/getting-started.mdx
index f15fda0a..6b214fbc 100644
--- a/website/src/lib/docs/en/getting-started.mdx
+++ b/website/src/lib/docs/en/getting-started.mdx
@@ -11,7 +11,7 @@ title: Getting started
 Welcome to the official guide for **gpx.studio**!
 This guide will walk you through all the components and tools of the interface, helping you become a proficient user of the application.
 
-<DocsImage img="getting-started/interface" alt="The gpx.studio interface." />
+<DocsImage src="getting-started/interface" alt="The gpx.studio interface." />
 
 As shown in the screenshot above, the interface is divided into four main sections organized around the map. 
 Before we dive into the details of each section, let's have a quick overview of the interface.
diff --git a/website/src/lib/docs/en/toolbar/routing.mdx b/website/src/lib/docs/en/toolbar/routing.mdx
index 92563ce3..5aadd6d7 100644
--- a/website/src/lib/docs/en/toolbar/routing.mdx
+++ b/website/src/lib/docs/en/toolbar/routing.mdx
@@ -61,7 +61,7 @@ This allows the route to be edited at different levels of detail.
 
 Finally, you can delete anchor points by clicking on them and selecting <button><Trash2 size="16" class="inline-block" style="margin-bottom: 4px" /> Delete</button> from the context menu.
 
-<DocsImage img="tools/routing" alt="Anchor points allow you to easily edit a route." />
+<DocsImage src="tools/routing" alt="Anchor points allow you to easily edit a route." />
 
 ## Additional tools
 
diff --git a/website/src/lib/docs/en/toolbar/scissors.mdx b/website/src/lib/docs/en/toolbar/scissors.mdx
index 28e8f9b0..dda7622f 100644
--- a/website/src/lib/docs/en/toolbar/scissors.mdx
+++ b/website/src/lib/docs/en/toolbar/scissors.mdx
@@ -29,4 +29,4 @@ Scissors will appear at the cursor position, showing that you can split the trac
 
 You can choose to split the trace into two GPX files, or to keep the split parts in the same file as [tracks or segments](../gpx).
 
-<DocsImage img="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />
+<DocsImage src="tools/split" alt="Hovering over the selected trace turns your cursor into scissors." />