diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index 2032ada..3dd65d4 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -108,7 +108,7 @@
     <li><span class='h'>Dave Storey</span>: communication</li>
   </ul>
   <p><span class='h'>Contact</span>: phil.treetrail at philome.mooo.com</p>
-  <p><span class='h'>Version</span>: {{conf.bootstrap?.client.version }}</p>
+  <p><span class='h'>Version</span>: {{conf.bootstrap?.client.version }}, frontend: {{ version }}</p>
 </mat-expansion-panel>
 
 <mat-expansion-panel>
diff --git a/src/app/settings/settings.component.ts b/src/app/settings/settings.component.ts
index 498387d..44c1f14 100644
--- a/src/app/settings/settings.component.ts
+++ b/src/app/settings/settings.component.ts
@@ -3,6 +3,7 @@ import { Router } from '@angular/router'
 
 import { ActionService } from '../action.service'
 import { ConfigService, Config } from '../config.service'
+import versionJson from '../../version.json'
 
 @Component({
   selector: 'app-settings',
@@ -17,6 +18,8 @@ export class SettingsComponent implements OnInit {
     public router: Router,
   ) { }
 
+  public version: string = versionJson.version
+
   ngOnInit(): void {
     this.configService.conf.subscribe(
       conf => this.conf = conf