diff --git a/src/app/components/floating-column/settings/settings.component.html b/src/app/components/floating-column/settings/settings.component.html
index dbca71a8..200861b7 100644
--- a/src/app/components/floating-column/settings/settings.component.html
+++ b/src/app/components/floating-column/settings/settings.component.html
@@ -1,6 +1,6 @@
 <div class="panel">
     <h3 class="panel__title">settings</h3>
 
-    <p class="version">Sengi version: 0.8.0</p>
+    <p class="version">Sengi version: {{version}}</p>
 </div>
 
diff --git a/src/app/components/floating-column/settings/settings.component.ts b/src/app/components/floating-column/settings/settings.component.ts
index e47b5069..d473a61c 100644
--- a/src/app/components/floating-column/settings/settings.component.ts
+++ b/src/app/components/floating-column/settings/settings.component.ts
@@ -1,15 +1,24 @@
 import { Component, OnInit } from '@angular/core';
+const { version: appVersion } = require('../../../../../package.json')
 
 @Component({
-  selector: 'app-settings',
-  templateUrl: './settings.component.html',
-  styleUrls: ['./settings.component.scss']
+    selector: 'app-settings',
+    templateUrl: './settings.component.html',
+    styleUrls: ['./settings.component.scss']
 })
 export class SettingsComponent implements OnInit {
 
-  constructor() { }
+    version: string;
 
-  ngOnInit() {
-  }
+    constructor() { }
+
+    ngOnInit() {
+        this.version = environment.VERSION;
+    }
 
 }
+
+
+export const environment = {
+    VERSION: require('../../../../../package.json').version
+};
\ No newline at end of file
diff --git a/src/tsconfig.app.json b/src/tsconfig.app.json
index 39ba8dba..2ac34b0d 100644
--- a/src/tsconfig.app.json
+++ b/src/tsconfig.app.json
@@ -4,7 +4,7 @@
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
     "module": "es2015",
-    "types": []
+    "types": ["node"]
   },
   "exclude": [
     "test.ts",