diff --git a/app/coffee/app.coffee b/app/coffee/app.coffee
index 35f0783c..b70fdea8 100644
--- a/app/coffee/app.coffee
+++ b/app/coffee/app.coffee
@@ -66,6 +66,7 @@ configure = ($routeProvider, $locationProvider, $httpProvider, $provide, $tgEven
             loader: true,
             controller: "Project",
             controllerAs: "vm"
+            section: "project-timeline"
         }
     )
 
diff --git a/app/locales/locale-en.json b/app/locales/locale-en.json
index 1eb40fda..93d6c7e7 100644
--- a/app/locales/locale-en.json
+++ b/app/locales/locale-en.json
@@ -567,6 +567,7 @@
         },
         "SECTION": {
             "SEARCH": "Search",
+            "TIMELINE": "Timeline",
             "BACKLOG": "Backlog",
             "KANBAN": "Kanban",
             "ISSUES": "Issues",
diff --git a/app/modules/components/project-menu/project-menu.jade b/app/modules/components/project-menu/project-menu.jade
index b3634e55..a98077f1 100644
--- a/app/modules/components/project-menu/project-menu.jade
+++ b/app/modules/components/project-menu/project-menu.jade
@@ -6,6 +6,11 @@ nav.menu(ng-if="vm.project")
                     span(class="icon icon-search")
                     span.helper(translate="PROJECT.SECTION.SEARCH")
 
+             li(id="nav-timeline")
+                a(ng-class="{active: vm.active == 'project-timeline'}", title="{{'PROJECT.SECTION.TIMELINE' | translate}}", tg-nav="project:project=vm.project.get('slug')", tabindex="2")
+                    include ../../../svg/timeline.svg
+                    span.helper(translate="PROJECT.SECTION.TIMELINE")
+
             li(id="nav-backlog", ng-if="vm.menu.get('backlog')")
                 a(ng-class="{active: vm.active == 'backlog'}", title="{{'PROJECT.SECTION.BACKLOG' | translate}}", tg-nav="project-backlog:project=vm.project.get('slug')", tabindex="2")
                     span(class="icon icon-backlog")
diff --git a/app/styles/modules/common/nav.scss b/app/styles/modules/common/nav.scss
index 951752e4..b397516c 100644
--- a/app/styles/modules/common/nav.scss
+++ b/app/styles/modules/common/nav.scss
@@ -51,6 +51,10 @@ tg-project-menu {
             }
         }
     }
+    svg path {
+        fill: $white;
+        opacity: 1;
+    }
     span {
         display: block;
     }
@@ -67,6 +71,10 @@ tg-project-menu {
     .active {
         background: rgba($black, .2);
         color: $fresh-taiga;
+        svg path {
+            fill: $fresh-taiga;
+            opacity: 1;
+        }
     }
 }
 
diff --git a/app/svg/timeline.svg b/app/svg/timeline.svg
new file mode 100644
index 00000000..083daee9
--- /dev/null
+++ b/app/svg/timeline.svg
@@ -0,0 +1 @@
+<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1"><path d="m0 16.5 24 0 0-3-24 0 0 3zm0 6 24 0 0-3-24 0 0 3zm0-12 24 0 0-3-24 0 0 3zm0-9 0 3 24 0 0-3-24 0z"/></svg>
\ No newline at end of file