diff --git a/package.json b/package.json
index 2e97d5a..4f2b21f 100644
--- a/package.json
+++ b/package.json
@@ -51,7 +51,7 @@
     "@types/node": "^8.0.20",
     "angular2-text-mask": "^8.0.3",
     "base64util": "^1.0.2",
-    "bootstrap": "^3.3.7",
+    "bootstrap": "4.0.0-beta",
     "c3": "^0.4.15",
     "font-awesome": "^4.7.0",
     "jquery": "^3.2.1",
diff --git a/src/app.component.ts b/src/app.component.ts
index 3ef7f99..9d53703 100644
--- a/src/app.component.ts
+++ b/src/app.component.ts
@@ -6,7 +6,7 @@ import { Component } from '@angular/core';
   selector: 'accountant',
   template: `
     <!-- Navbar -->
-    <nav class="navbar fixed-top navbar-inverse bg-inverse">
+    <nav class="navbar fixed-top navbar-dark bg-dark">
       <a class="navbar-brand" routerLink="/accounts">&nbsp;Accountant</a>
     </nav>
 
diff --git a/src/main.less b/src/main.scss
similarity index 100%
rename from src/main.less
rename to src/main.scss