diff --git a/src/app/app.component.html b/src/app/app.component.html
index 2e44c1d..e77e48a 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,39 +1,73 @@
-<router-outlet></router-outlet>
-<div class=" fixed-plugin">
-    <div class=" show-dropdown" ngbDropdown>
-      <a data-toggle="dropdown" ngbDropdownToggle>
-        <i class="fa fa-cog fa-2x"></i>
-      </a>
-      <ul ngbDropdownMenu>
-          <!--
-        <li class=" header-title">Sidebar Background</li>
-        <li class=" adjustments-line">
-          <a class=" switch-trigger background-color" href="javascript:void(0)">
-            <div class=" badge-colors text-center">
-              <span
-                class=" badge filter badge-danger"
-                [ngClass]="{'active':sidebarColor==='red'}" (click)="changeSidebarColor('red')"
-              >
-              </span>
-              <span
-                class=" badge filter badge-primary"
-                [ngClass]="{'active':sidebarColor==='primary'}" (click)="changeSidebarColor('primary')"
-              >
-              </span>
-              <span class=" badge filter badge-info" [ngClass]="{'active':sidebarColor==='blue'}" (click)="changeSidebarColor('blue')"> </span>
-              <span class=" badge filter badge-success" [ngClass]="{'active':sidebarColor==='green'}" (click)="changeSidebarColor('green')">
-              </span>
+<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 class=" clearfix"></div>
-          </a>
+          </div>
         </li>
-        -->
-        <li class=" adjustments-line text-center color-change">
-          <span class=" color-label"> LIGHT MODE </span>
-          <span class=" badge light-badge mr-2" (click)="changeDashboardColor('white-content')"> </span>
-          <span class=" badge dark-badge ml-2" (click)="changeDashboardColor('black-content')"> </span>
-          <span class=" color-label"> DARK MODE </span>
+        <li class="nav-item">
+          <div class="card">
+            <div class="card-body">
+              <a class="nav-link" href="/userstories">Userstories</a>
+            </div>
+          </div>
+        </li>
+        <li class="nav-item">
+          <div class="card">
+            <div class="card-body">
+              <a class="nav-link" href="/tasks">Tasks</a>
+            </div>
+          </div>
         </li>
       </ul>
-    </div>
-  </div>
\ No newline at end of file
+  <!-- </div> -->
+</nav>
+
+<router-outlet></router-outlet>
+
+<div class=" fixed-plugin">
+  <div class=" show-dropdown" ngbDropdown>
+    <a data-toggle="dropdown" ngbDropdownToggle>
+      <i class="fa fa-cog fa-2x"></i>
+    </a>
+    <ul ngbDropdownMenu>
+      <!--
+      <li class=" header-title">Sidebar Background</li>
+      <li class=" adjustments-line">
+        <a class=" switch-trigger background-color" href="javascript:void(0)">
+          <div class=" badge-colors text-center">
+            <span
+              class=" badge filter badge-danger"
+              [ngClass]="{'active':sidebarColor==='red'}" (click)="changeSidebarColor('red')"
+            >
+            </span>
+            <span
+              class=" badge filter badge-primary"
+              [ngClass]="{'active':sidebarColor==='primary'}" (click)="changeSidebarColor('primary')"
+            >
+            </span>
+            <span class=" badge filter badge-info" [ngClass]="{'active':sidebarColor==='blue'}" (click)="changeSidebarColor('blue')"> </span>
+            <span class=" badge filter badge-success" [ngClass]="{'active':sidebarColor==='green'}" (click)="changeSidebarColor('green')">
+            </span>
+          </div>
+          <div class=" clearfix"></div>
+        </a>
+      </li>
+      -->
+      <li class=" adjustments-line text-center color-change">
+        <span class=" color-label"> LIGHT MODE </span>
+        <span class=" badge light-badge mr-2" (click)="changeDashboardColor('white-content')"> </span>
+        <span class=" badge dark-badge ml-2" (click)="changeDashboardColor('black-content')"> </span>
+        <span class=" color-label"> DARK MODE </span>
+      </li>
+    </ul>
+  </div>
+</div>
+
+</div>
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
index e604953..5dafbe8 100644
--- a/src/app/dashboard/dashboard.component.html
+++ b/src/app/dashboard/dashboard.component.html
@@ -1,60 +1,55 @@
-<div class="container-fluid">
 
-    <div class="row px-3 py-2">
-      <h1>Dashboard</h1>
+<div class="row px-3 py-2">
+  <h1>Dashboard</h1>
+</div>
+
+<div class="row px-3 py-2">
+  <h2>Current sprint</h2>
+</div>
+
+<div class="row">
+
+  <div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
+    <div class="card">
+      <div class="card-header">
+        Userstories
+      </div>
+      <div class="card-body">
+        <canvas id="done-stories-chart"></canvas>
+      </div>
     </div>
+  </div>
 
-    <div class="row px-3 py-2">
-      <h2>Current sprint</h2>
-    </div>
+  <div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
+    <div class="card-deck">
 
-    <div class="row">
-
-      <div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
-        <div class="card">
-          <div class="card-header">
-            Userstories
-          </div>
-          <div class="card-body">
-            <canvas id="done-stories-chart"></canvas>
-          </div>
+      <div class="card"
+            [class.border-danger]="getSprintUrgency() == 0"
+            [class.border-warning]="getSprintUrgency() == 1"
+            [class.border-success]="getSprintUrgency() == 2"
+            *ngIf="getRemainingDaysInSprint() !== undefined">
+        <div class="card-header">
+          Days remaining
         </div>
-      </div>      
-
-      <div class="p-3 xl-col-6 lg-col-6 md-col-12 sm-col-12 xs-col-12">
-        <div class="card-deck">
-          
-        <div 
-          class="card"
-          [class.border-danger]="getSprintUrgency() == 0"
-          [class.border-warning]="getSprintUrgency() == 1"
-          [class.border-success]="getSprintUrgency() == 2"
-          *ngIf="getRemainingDaysInSprint() !== undefined"
-        >
-          <div class="card-header">
-            Days remaining
-          </div>
-          <div class="card-body text-center">
-            <span class="text-2em">
-              {{getRemainingDaysInSprint()}}
-            </span>
-          </div>
+        <div class="card-body text-center">
+          <span class="text-2em">
+            {{getRemainingDaysInSprint()}}
+          </span>
         </div>
+      </div>
 
-        <div class="card" *ngFor="let status of usedStatus">
-          <div class="card-header">
-            Userstories: {{status.title}}
-          </div>
-          <div class="card-body text-center">
-            <span class="text-2em">
-              {{getNumberOfUserstoriesByStatus(status)}}
-            </span>
-          </div>
+      <div class="card" *ngFor="let status of usedStatus">
+        <div class="card-header">
+          Userstories: {{status.title}}
         </div>
-
+        <div class="card-body text-center">
+          <span class="text-2em">
+            {{getNumberOfUserstoriesByStatus(status)}}
+          </span>
         </div>
       </div>
 
     </div>
+  </div>
 
 </div>