diff --git a/packages/app/custom.d.ts b/packages/app/custom.d.ts
index 38be6ad1..dc8d941f 100644
--- a/packages/app/custom.d.ts
+++ b/packages/app/custom.d.ts
@@ -70,4 +70,4 @@ declare const SINGLE_RELAY: string | undefined;
 /**
  * Build git hash
  */
-declare const GIT_VERSION: string;
+declare const __SNORT_VERSION__: string;
diff --git a/packages/app/package.json b/packages/app/package.json
index 656c8dcd..847d621f 100644
--- a/packages/app/package.json
+++ b/packages/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@snort/app",
-  "version": "0.1.10",
+  "version": "0.1.22",
   "dependencies": {
     "@cashu/cashu-ts": "^0.6.1",
     "@lightninglabs/lnc-web": "^0.2.3-alpha",
diff --git a/packages/app/src/Pages/About.tsx b/packages/app/src/Pages/About.tsx
index 73255105..13435195 100644
--- a/packages/app/src/Pages/About.tsx
+++ b/packages/app/src/Pages/About.tsx
@@ -17,12 +17,12 @@ export function AboutPage() {
   }, []);
 
   return (
-    <>
+    <div className="main-content p">
       <h1>
         <FormattedMessage defaultMessage="About" id="g5pX+a" />
       </h1>
-      Version: <b>{GIT_VERSION}</b>
+      Version: <b>{__SNORT_VERSION__}</b>
       <Markdown content={changelog} tags={[]} />
-    </>
+    </div>
   );
 }
diff --git a/packages/app/vite.config.ts b/packages/app/vite.config.ts
index e69c9443..01fc405c 100644
--- a/packages/app/vite.config.ts
+++ b/packages/app/vite.config.ts
@@ -2,6 +2,7 @@ import react from "@vitejs/plugin-react";
 import { VitePWA } from "vite-plugin-pwa";
 import { visualizer } from "rollup-plugin-visualizer";
 import { defineConfig } from "vite";
+import { vitePluginVersionMark } from "vite-plugin-version-mark";
 
 import appConfig from "config";
 
@@ -22,6 +23,11 @@ export default defineConfig({
       gzipSize: true,
       filename: "dist/stats.html",
     }),
+    vitePluginVersionMark({
+      name: "snort",
+      ifGitSHA: true,
+      command: "git describe --always --tags",
+    }),
   ],
   assetsInclude: ["**/*.md", "**/*.wasm"],
   build: {