diff --git a/applications/web/src/components/MainDisplay.svelte b/applications/web/src/components/MainDisplay.svelte
index df6f52e1..3e01e859 100644
--- a/applications/web/src/components/MainDisplay.svelte
+++ b/applications/web/src/components/MainDisplay.svelte
@@ -66,6 +66,7 @@
   <Canvas>
     <Scene bind:setCameraFocus />
   </Canvas>
+  <div class="dark:text-gray-300 absolute bottom-1 right-1">{GIT_BRANCH} {GIT_HASH}</div>
 </div>
 
 <svelte:window on:mousemove={onMouseMove} on:mouseup={onMouseUp} bind:innerWidth bind:innerHeight />
diff --git a/applications/web/vite.config.ts b/applications/web/vite.config.ts
index 008bc34d..47932286 100644
--- a/applications/web/vite.config.ts
+++ b/applications/web/vite.config.ts
@@ -3,10 +3,15 @@ import {svelte} from "@sveltejs/vite-plugin-svelte"
 import wasm from "vite-plugin-wasm"
 import topLevelAwait from "vite-plugin-top-level-await"
 import {base} from "./src/base"
+import child_process from "node:child_process"
 
 export default defineConfig({
   base,
   plugins: [svelte(), wasm(), topLevelAwait()],
+  define: {
+    GIT_HASH: JSON.stringify(child_process.execSync('git rev-parse --short=10 HEAD').toString().trim()),
+    GIT_BRANCH: JSON.stringify(child_process.execSync('git rev-parse --abbrev-ref HEAD').toString().trim()),
+  },
   build: {
     outDir: "dist",
     target: "esnext",