diff --git a/src/components/timeline/Timeline.scss b/src/components/timeline/Timeline.scss
index c15bafe..3cd5c6b 100644
--- a/src/components/timeline/Timeline.scss
+++ b/src/components/timeline/Timeline.scss
@@ -7,8 +7,8 @@
         // Draw center line
         &:before {
             @apply top-0 bottom-0 left-0 md:left-1/2 absolute content-[""] w-2;
-            @apply bg-primary/5 dark:bg-dark_primary/5;
-            // @apply shadow-2xl shadow-on_surface/50 dark:shadow-dark_on_surface/50;
+            @apply bg-primary/10 dark:bg-dark_primary/10;
+            @apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
         }
     }
 }
\ No newline at end of file
diff --git a/src/components/timeline/TimelineElement.scss b/src/components/timeline/TimelineElement.scss
index 22418d3..ec13614 100644
--- a/src/components/timeline/TimelineElement.scss
+++ b/src/components/timeline/TimelineElement.scss
@@ -4,8 +4,8 @@
     // Place point in center line
     &:before {
         @apply content-[""] w-6 h-6 rounded-[50%] absolute top-5 left-0 md:left-1/2 -ml-2 z-50;
-        @apply bg-primary/5 dark:bg-dark_primary/5;
-        // box-shadow: 2px 2px 5px #dee1e4, -2px -2px 5px #fff;
+        @apply bg-primary/10 dark:bg-dark_primary/10;
+        @apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
     }
 
     &:nth-child(even) {
@@ -18,18 +18,18 @@
 
     .timeline-element__info, .timeline-element__category {
         @apply relative w-4/5 md:w-2/5 left-[10%] md:left-0;
+        @apply text-on_surface dark:text-dark_on_surface;
     }
 
     .timeline-element__category {
         @apply top-5 flex md:justify-end mb-12;
-        @apply text-on_surface dark:text-dark_on_surface;
     }
 
     .timeline-element__info {
         & > details {
             @apply mb-12 rounded-xl overflow-hidden relative;
-            @apply bg-primary/5 dark:bg-dark_primary/5;
-            // box-shadow: 3px 3px 12px #dee1e4, -3px -3px 12px #fff;
+            @apply bg-primary/10 dark:bg-dark_primary/10;
+            @apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
 
             & > summary, & > div {
                 @apply p-5;
@@ -37,7 +37,6 @@
     
             & > summary {
                 @apply block select-none cursor-pointer outline-none p-5 font-semibold;
-                @apply text-on_surface dark:text-dark_on_surface;
                 
                 // BEGIN TRANSITION
                 @apply mb-0;
@@ -45,7 +44,7 @@
                 // END TRANSITION
     
                 &:hover {
-                    @apply bg-opacity-5;
+                    @apply bg-primary/20 dark:bg-dark_primary/20;
                 }
             }