diff --git a/src/lib/components/InfoModal.svelte b/src/lib/components/InfoModal.svelte
index ea8e428..8c2e59b 100644
--- a/src/lib/components/InfoModal.svelte
+++ b/src/lib/components/InfoModal.svelte
@@ -4,7 +4,7 @@
   const dispatch = createEventDispatcher();
   import { onMount } from "svelte";
   let modal: HTMLDialogElement;
-  import { appVersion, copyrightYear } from "$lib/config";
+  import { appVersion, copyrightYear, versionChangelog } from "$lib/config";
 
   onMount(() => {
     modal = document.getElementById("my_modal_1") as HTMLDialogElement;
@@ -30,7 +30,12 @@
   <div class="modal-box" role="dialog" on:keydown={handleKeydown} tabindex="0">
     <h3 class="font-bold text-lg">About AdventureLog</h3>
     <p class="py-1">
-      AdventureLog {appVersion}
+      AdventureLog <a
+        target="_blank"
+        rel="noopener noreferrer"
+        class="text-primary-500 underline"
+        href={versionChangelog}>{appVersion}</a
+      >
     </p>
     <p class="py-1">
       © {copyrightYear}
diff --git a/src/lib/config.ts b/src/lib/config.ts
index 90f2b11..c2bd949 100644
--- a/src/lib/config.ts
+++ b/src/lib/config.ts
@@ -1,3 +1,5 @@
 export let appVersion = "Web v0.3.0";
+export let versionChangelog =
+  "https://github.com/seanmorley15/AdventureLog/releases/tag/v0.3.0";
 export let appTitle = "AdventureLog";
 export let copyrightYear = "2024";
diff --git a/src/routes/profile/+page.svelte b/src/routes/profile/+page.svelte
index 8e37b86..262ed03 100644
--- a/src/routes/profile/+page.svelte
+++ b/src/routes/profile/+page.svelte
@@ -18,7 +18,7 @@
   <div class="avatar flex items-center justify-center">
     <div class="w-24 rounded">
       <!-- svelte-ignore a11y-missing-attribute -->
-      <img src={data.user.icon} class="w-24 rounded-full" />
+      <img src="/cdn/profile-pics/{data.user.icon}" class="w-24 rounded-full" />
     </div>
   </div>
 {/if}