diff --git a/web/src/lib/version.ts b/web/src/lib/version.ts
index 22539f55..ecfa7232 100644
--- a/web/src/lib/version.ts
+++ b/web/src/lib/version.ts
@@ -1,4 +1,5 @@
 import { readable } from "svelte/store";
+import type { Optional } from "./types/generic";
 
 type VersionResponse = {
     commit: string;
@@ -7,15 +8,8 @@ type VersionResponse = {
     version: string;
 }
 
-const unknownVersion = {
-    commit: "unknown",
-    branch: "unknown",
-    remote: "unknown",
-    version: "unknown"
-};
-
-export const version = readable<VersionResponse>(
-    unknownVersion,
+export const version = readable<Optional<VersionResponse>>(
+    undefined,
     (set) => {
         fetch('/version.json')
             .then(r => r.json())
diff --git a/web/src/routes/settings/+layout.svelte b/web/src/routes/settings/+layout.svelte
index d6c485ce..2232082e 100644
--- a/web/src/routes/settings/+layout.svelte
+++ b/web/src/routes/settings/+layout.svelte
@@ -25,7 +25,7 @@
 
     let screenWidth: number;
 
-    $: versionText = `v.${$version.version}-${$version.commit.slice(0, 7)}`;
+    $: versionText = $version ? `v${$version.version}-${$version.commit.slice(0, 8)}` : '\xa0';
 
     $: currentPageTitle = $page.url.pathname.split("/").at(-1);
     $: stringPageTitle =