diff --git a/src/lib/components/mods/ModLatestVersions.svelte b/src/lib/components/mods/ModLatestVersions.svelte
index 371a2a3fc..01e1fb55b 100644
--- a/src/lib/components/mods/ModLatestVersions.svelte
+++ b/src/lib/components/mods/ModLatestVersions.svelte
@@ -25,6 +25,7 @@
 
   export let latestVersions!: ILatestVersions;
   export let modId!: string;
+  export let modReference!: string;
 
   export const { t } = getTranslate();
 </script>
@@ -51,7 +52,7 @@
             <div class="text-1xl col-span-3 h-auto w-auto p-2.5">
               <a
                 href="#top"
-                on:click={() => installMod(modId)}
+                on:click={() => installMod(modReference)}
                 title="Install via Satisfactory Mod Manager"
                 class="text-yellow-500">
                 <span class="material-icons align-middle" style="font-size: 118x;">download</span> <u>Install</u>
diff --git a/src/routes/mod/[modId]/+page.svelte b/src/routes/mod/[modId]/+page.svelte
index 96b4ebef0..14b42f9c6 100644
--- a/src/routes/mod/[modId]/+page.svelte
+++ b/src/routes/mod/[modId]/+page.svelte
@@ -141,7 +141,10 @@
             modName={$mod.data.mod.name}
             compatibility={$mod.data.mod.compatibility} />
         </div>
-        <ModLatestVersions modId={$mod.data.mod.mod_reference} latestVersions={$mod.data.mod.latestVersions} />
+        <ModLatestVersions
+          modId={$mod.data.mod.id}
+          modReference={$mod.data.mod.mod_reference}
+          latestVersions={$mod.data.mod.latestVersions} />
         <CompatibilityGrid compatibility={$mod.data.mod.compatibility} />
         <ModInfo mod={$mod.data.mod} />
         <ModAuthors authors={$mod.data.mod.authors} />