diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_actionbar.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_actionbar.scss
index cb8a9823a46b3aff0e75e78703554c19fa1293b5..4fbef72fa07a60b211e1956af622256ecb3a1e48 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_actionbar.scss
+++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_actionbar.scss
@@ -3,8 +3,6 @@
   position: sticky;
   bottom: 0;
   width: 100%;
-  // background-color: transparent !important;
-  // box-shadow: none !important;
   vertical-align: middle !important;
   padding-left: 0 !important;
 
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss
index 7be55ed11cdcf73309569dfaeb0569897d8aba6d..6fbdf287c1bd4313c60b60872fd6eaf70b9a2af6 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss
+++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_timeline.scss
@@ -12,10 +12,6 @@
   background-color: #f0f0f0;
 }
 
-.rct-item {
-  // border: none !important;
-}
-
 .timeline-tools {
   display: flex;
   justify-content: center;
@@ -540,13 +536,11 @@
 .su-schedulable {
   background-color: lightblue !important;
   color: black !important;
-  // border-color: #4e4e4e !important;
 }
 
 .su-scheduled {
   background-color: blue !important;
   color: white !important;
-  // border-color: white !important;
 }
 
 .su-queued {
@@ -711,7 +705,6 @@ body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container
 
 body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
   padding: 0.520em;
-  // padding-right: 6em;  //Ramesh: Not sure why is it required. As the search text content in the multiselect component is not visible, removing it.
 }
 
 .timeline-view-toolbar .p-multiselect .p-multiselect-label {
@@ -753,7 +746,6 @@ body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container
 .body .p-inputswitch {
   width: 3em;
   height: 1.75em;
-  //  top: -3px;
 }
 
 .toggle-btn {
@@ -796,7 +788,6 @@ body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container
 .proj-opened {
   background-color: lightblue !important;
   color: black !important;
-  // border-color: #4e4e4e !important;
 }
 
 .proj-active {
@@ -830,11 +821,6 @@ body .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container
   width: 8px;
 }
 
-.timeline-panel::-webkit-scrollbar-track {
-  // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-  // border-radius: 10px;
-}
-
 .timeline-panel::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js
index fc2c44e142f581720f43171bd4e99f72d4119c40..688d002a1bf9b2d3416cba0b4fbb009694421de9 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/routes/Timeline/WeekView.js
@@ -49,7 +49,7 @@ import ReservationService from "../../services/reservation.service";
 import ReservationSummary from "../Reservation/reservation.summary";
 
 function getTimelineHeaders(headerSettings) {
-    return <TimelineHeaders>
+    return <TimelineHeaders className="sticky">
         <SidebarHeader>
             {({getRootProps}) => { //getRootProps is mandatory for the library
                 return <div {...getRootProps()} className="sidebar-header">