diff --git a/src/App/Timelines.css b/src/App/Timelines.css
index c14380430da3e9d637f5566f5e898fbc7c863bb3..f0080f05163fc01b2b02e4d2e421fccd43eb743f 100644
--- a/src/App/Timelines.css
+++ b/src/App/Timelines.css
@@ -178,8 +178,8 @@ button.tabbutton:nth-child(1), button.tabbutton:nth-child(6){
 .Industry, button.tabbutton:nth-child(5){
   background-color: var(--mediumpurple);
 }
-.Activist{
-  background-color: var(--igemlightgreen);
+.Activist, .Milestone{
+  background-color: var(--igemlightgreen) !important;
 }
 
 .Ethics{
diff --git a/src/components/HP-timeline.tsx b/src/components/HP-timeline.tsx
index c2cf859f891c0dc4bf13f52c5ec48fb45a10c192..f8b2a64586ee5b6c12cd33d5cd147cf60726c8dd 100644
--- a/src/components/HP-timeline.tsx
+++ b/src/components/HP-timeline.tsx
@@ -41,6 +41,11 @@ export function HPTimeline(){
       node: <TimeHori tab="Industry" ></TimeHori>,
       buttonname: "Industry", 
       cssname: "Industry"
+    },
+    { 
+      node: <TimeHori tab="Milestone" ></TimeHori>,
+      buttonname: "Milestones", 
+      cssname: "Milestone"
     }
   ]