diff --git a/src/routes/(about)/about/+page.svelte b/src/routes/(about)/about/+page.svelte
index e4f53d7..9106f55 100644
--- a/src/routes/(about)/about/+page.svelte
+++ b/src/routes/(about)/about/+page.svelte
@@ -1,6 +1,6 @@
 <div class="header">
   <h2>Welcome to the docks!</h2>
-  <div>version {`import.meta.env.PACKAGE_VERSION`}</div>
+  <div>version {import.meta.env.PACKAGE_VERSION}</div>
 </div>
 
 <p>
diff --git a/vite.config.js b/vite.config.js
index 7decfc1..9b9697c 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -11,8 +11,9 @@ const config = {
     ssr: {},
     optimizeDeps: {},
     define: {
-        "import.meta.env.PACKAGE_VERSION":
-            '"' + git.gitDescribeSync().semverString + '"',
+        "import.meta.env.PACKAGE_VERSION": JSON.stringify(
+            git.gitDescribeSync().semverString
+        ),
         "import.meta.env.HOMEPAGE": JSON.stringify(packageJson.homepage),
         "import.meta.env.BUGS": JSON.stringify(packageJson.bugs.url),
     },