diff --git a/src/app/app.component.html b/src/app/app.component.html
index e77e48a..1a40356 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,33 +1,44 @@
 <div class="container-fluid">
 
-<nav class="sidebar bg-indigo">
-  <!-- <div class="container"> -->
-    <a class="sidebar-brand" href="/dashboard">Taskboard</a>
-      <ul class="sidebar-nav">
-        <li class="nav-item">
-          <div class="card">
-            <div class="card-body">
-              <a class="nav-link" href="/sprints">Sprints</a>
-            </div>
-          </div>
+  <div class="sidebar">
+    <!--
+      Tip 1: You can change the color of the sidebar using: data-color="blue | green | orange | red"
+  -->
+    <div class="sidebar-wrapper" ps>
+      <div class="logo">
+        <a href="javascript:void(0)" class="simple-text logo-normal">
+          Taskboard
+        </a>
+      </div>
+      <ul class="nav" data-color="blue">
+        <li class="active ">
+          <a href="/dashboard">
+            <i class="tim-icons icon-chart-pie-36"></i>
+            <p>Dashboard</p>
+          </a>
         </li>
-        <li class="nav-item">
-          <div class="card">
-            <div class="card-body">
-              <a class="nav-link" href="/userstories">Userstories</a>
-            </div>
-          </div>
+        <li>
+          <a href="/sprints">
+            <i class="tim-icons icon-atom"></i>
+            <p>Sprints</p>
+          </a>
         </li>
-        <li class="nav-item">
-          <div class="card">
-            <div class="card-body">
-              <a class="nav-link" href="/tasks">Tasks</a>
-            </div>
-          </div>
+        <li>
+          <a href="/userstories">
+            <i class="tim-icons icon-pin"></i>
+            <p>Userstories</p>
+          </a>
+        </li>
+        <li>
+          <a href="/tasks">
+            <i class="tim-icons icon-bell-55"></i>
+            <p>Tasks</p>
+          </a>
         </li>
       </ul>
-  <!-- </div> -->
-</nav>
+      <div class="ps__rail-x" style="left: 0px; bottom: 0px;"><div class="ps__thumb-x" tabindex="0" style="left: 0px; width: 0px;"></div></div><div class="ps__rail-y" style="top: 0px; right: 0px;"><div class="ps__thumb-y" tabindex="0" style="top: 0px; height: 0px;"></div></div>
+    </div>
+  </div>
 
 <router-outlet></router-outlet>
 
@@ -69,5 +80,3 @@
     </ul>
   </div>
 </div>
-
-</div>