diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index bc1a590..9ef1a8a 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -26,7 +26,7 @@
 
 <div class="d-flex flex-column min-vh-100">
   <div class="flex-grow-1">
-    <Navigation />
+    <Navigation commit={data.git_commit} />
     <div class="container">
       <slot />
       <div class="position-absolute top-0 start-50 translate-middle-x">
diff --git a/frontend/src/routes/nav/Navigation.svelte b/frontend/src/routes/nav/Navigation.svelte
index cb6cd9e..2b2c33b 100644
--- a/frontend/src/routes/nav/Navigation.svelte
+++ b/frontend/src/routes/nav/Navigation.svelte
@@ -27,6 +27,8 @@
   import { apiFetch, apiFetchClient } from "$lib/api/fetch";
   import { addToast } from "$lib/toast";
 
+  export let commit: string;
+
   let theme: string;
   let currentUser: MeUser | null;
   let showMenu: boolean = false;
@@ -113,7 +115,12 @@
   expand="lg"
   class="mb-4"
 >
-  <NavbarBrand href="/" aria-label="pronouns.cc landing page"><Logo /></NavbarBrand>
+  <NavbarBrand href="/" aria-label="pronouns.cc landing page">
+    <Logo />
+    {#if commit === "[unknown]"}
+      <Badge color="danger">DEV</Badge>
+    {/if}
+  </NavbarBrand>
   <NavbarToggler on:click={toggleMenu} aria-label="Toggle menu" />
   <Collapse isOpen={showMenu} navbar expand="lg">
     <Nav class="ms-auto" navbar>