diff --git a/client/src/components/timeline.js b/client/src/components/timeline.js
index fb8636e..65b47ba 100644
--- a/client/src/components/timeline.js
+++ b/client/src/components/timeline.js
@@ -60,7 +60,7 @@ const Timeline = () => {
       setdata([])
     }
 
-    console.log(cinfos)
+    // console.log(cinfos)
 
     const results = nums.reduce((prevPrms, num) => (
       prevPrms.then(async prevRes => {
@@ -98,8 +98,8 @@ const Timeline = () => {
     console.log('change')
 
     if (yearval !== '0') {
-      console.log(data)
-      console.log(cInfo)
+      // console.log(data)
+      // console.log(cInfo)
       setselected(true)
       if (data.length > 0) {
         let tempitem = [];
@@ -172,7 +172,7 @@ const Timeline = () => {
                   <div className="chrono-icons">
                     {
                       items.map((v) => {
-                        return (<div className="timelinebutton " onClick={() => console.log('clicked')}>{v.date.substring(5, 7)}</div>)
+                        return (<div className="timelinebutton ">{v.date.substring(5, 7)}</div>)
                       })
                     }
 
diff --git a/client/src/style/timeline.css b/client/src/style/timeline.css
index 232c002..622d530 100644
--- a/client/src/style/timeline.css
+++ b/client/src/style/timeline.css
@@ -28,11 +28,11 @@
     box-shadow: none !important;
     
 }
-.css-eh4k5x-TimelineMainWrapper.horizontal {
+.e1gmwefz4 {
     height: 10rem !important;
 }
 
-.css-8myp9a-TimelineNavButton {
+.e1fht2ox4 {
     width: 10vmax !important;
     border-radius: 0% !important;
     box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
@@ -112,16 +112,13 @@
     
 }
 
-.css-q2kzzt-Circle.active.using-icon {
-    border-color: brown;
-}
 
-.css-7xkfgz-TitleWrapper.active{
+.ergoa4r0.active{
     transition:  color  0.3s ease-in-out;
     color: white !important;
     background-color: rgb(0, 87, 250) !important;
 }
-.css-7xkfgz-TitleWrapper.active::after{
+.ergoa4r0.active::after{
 
     content: '';
 	position: absolute;
@@ -208,7 +205,7 @@
 }
 
 
-.css-q2kzzt-Circle.active.using-icon{
+.e5foh872.active.using-icon{
     transition:  background-color 0.2s ease-in;
     color: white;
     background-color: rgb(0, 87, 250);