diff --git a/src/app.component.html b/src/app.component.html
new file mode 100644
index 0000000..aaccfeb
--- /dev/null
+++ b/src/app.component.html
@@ -0,0 +1,8 @@
+<!-- Navbar -->
+<nav class="navbar fixed-top navbar-dark bg-dark">
+  <a class="navbar-brand" routerLink="/accounts">&nbsp;Accountant</a>
+</nav>
+
+<div class="container-fluid">
+  <router-outlet></router-outlet>
+</div>
diff --git a/src/app.component.ts b/src/app.component.ts
index 9d53703..3c8da74 100644
--- a/src/app.component.ts
+++ b/src/app.component.ts
@@ -4,15 +4,6 @@ import { Component } from '@angular/core';
 
 @Component({
   selector: 'accountant',
-  template: `
-    <!-- Navbar -->
-    <nav class="navbar fixed-top navbar-dark bg-dark">
-      <a class="navbar-brand" routerLink="/accounts">&nbsp;Accountant</a>
-    </nav>
-
-    <div class="container-fluid">
-      <router-outlet></router-outlet>
-    </div>
-  `
+  templateUrl: './app.component.html'
 })
 export class AppComponent { }