diff --git a/frontend/src/app/ntt-gantt/ntt-gantt.component.ts b/frontend/src/app/ntt-gantt/ntt-gantt.component.ts
index 7622636..7e8014c 100644
--- a/frontend/src/app/ntt-gantt/ntt-gantt.component.ts
+++ b/frontend/src/app/ntt-gantt/ntt-gantt.component.ts
@@ -753,11 +753,16 @@ export class NttGanttComponent implements OnInit {
     if (args.taskbarType == 'Milestone' && args.data.taskData.TaskID.includes("D2"))
     {
       console.log(args.taskbarElement.children[1].style.add);
-      args.taskbarElement.children[1].classList.add('e-gantt-milestone-border')
+      args.taskbarElement.children[1].classList.add('e-gantt-milestone-border1');
     // console.log(args.taskbarElement.children[1]);
     // args.taskbarElement.children[1].children[0].classList.add('e-gantt-milestone-border');
     // args.taskbarElement.children[1].children[1].classList.add('e-gantt-milestone-border');
     }
+    else{
+      if(args.taskbarType == 'Milestone'){
+        args.taskbarElement.children[1].classList.add('e-gantt-milestone-border')
+      }
+    }
 
     if(args.data.taskData.isRes == false){
       if(args.data.taskData.TaskID.includes("D2")){
diff --git a/frontend/src/index.html b/frontend/src/index.html
index 7b4c8f5..dc66c0c 100644
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@@ -24,29 +24,24 @@
   .e-gantt .e-gantt-chart .e-active {
     background-color: #E0E0E0 !important;
   }
-  .e-gantt .e-gantt-chart .e-gantt-milestone {
-     /* border: 2px solid red !important; */
-    /* border-radius: 50%; */
-    background-color: transparent;
-    /* border: 10px red; */
-    /* width: 25px;
-    height: 25px; */
-  }
-  /* e-gantt-milestone-b {
-     /* border: 2px solid red !important; */
-    /* border-radius: 50%; */
-    /* background-color: red; */
-    /* border: 10px red; */
-    /* width: 25px;
-    height: 25px; */
-  /* } */
+
+
 
    .e-gantt-milestone-border {
     /* border: 2px solid red !important; */
      border-radius: 50%;
      /* border-top-width: 1px; */
      color: red;
-    background-color: grey;
+     background-color: transparent !important;
+
+    }
+
+    .e-gantt-milestone-border1 {
+     /* border: 2px solid red !important; */
+     border-radius: 30%;
+     color: red;
+     background-color: #9e9e9b !important;
+
   }
 </style>