diff --git a/medcat-trainer/webapp/frontend/src/App.vue b/medcat-trainer/webapp/frontend/src/App.vue
index 5b406daa5..63bd52c7c 100644
--- a/medcat-trainer/webapp/frontend/src/App.vue
+++ b/medcat-trainer/webapp/frontend/src/App.vue
@@ -12,7 +12,7 @@
             <h1 class="app-title" @click="navigateToHome">
               Med<img src="./assets/cat-logo.png" alt="MedCAT Logo" class="cat-logo" />AT
             </h1>
-            <span class="version-id">{{ version }}</span>
+            <span class="version-id">{{ displayVersion }}</span>
 
             <!-- Navigation Links -->
             <div class="navigation-links">
@@ -64,6 +64,13 @@ export default {
       useOidc: isOidcEnabled(),
     }
   },
+  computed: {
+    displayVersion () {
+      const v = this.version || ''
+      if (v.length <= 11) return v
+      return `${v.slice(0, 7)}…${v.slice(-6)}`
+    }
+  },
   methods: {
     navigateToHome () {
       this.$router.push('/')