diff --git a/web/app/src/App.vue b/web/app/src/App.vue
index 4a621683..951274da 100644
--- a/web/app/src/App.vue
+++ b/web/app/src/App.vue
@@ -8,7 +8,7 @@
         <li><a href="/">Settings</a></li>
       </ul>
     </nav>
-    <span>
+    <span class="app-version">
       <api-spinner />
       version: {{ flamencoVersion }}
     </span>
diff --git a/web/app/src/assets/base.css b/web/app/src/assets/base.css
index d7dea881..e38c5e05 100644
--- a/web/app/src/assets/base.css
+++ b/web/app/src/assets/base.css
@@ -91,6 +91,11 @@ body {
   grid-area: col-3;
 }
 
+.app-version {
+  font-family: var(--font-family-mono);
+  font-size: var(--font-size-sm);
+}
+
 a {
   color: currentColor;
   text-decoration: none;