diff --git a/src/components/project/ProjectList.scss b/src/components/project/ProjectList.scss
index cab8f78..da1bf5d 100644
--- a/src/components/project/ProjectList.scss
+++ b/src/components/project/ProjectList.scss
@@ -2,7 +2,14 @@
     @apply grid grid-cols-1 gap-4 md:grid-cols-2 mt-3;
 
     & > a {
-        @apply rounded-lg p-5 bg-gray-300 flex flex-col items-center gap-2;
+        @apply rounded-lg p-5 flex flex-col items-center gap-2;
+        @apply bg-primary/10 dark:bg-dark_primary/10;
+        @apply shadow-md shadow-primary/5 dark:shadow-dark_primary/5;
+
+        &:hover {
+            @apply bg-primary/20 dark:bg-dark_primary/20;
+            @apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
+        }
 
         & > img {
             @apply h-1/2;
diff --git a/src/components/timeline/Timeline.scss b/src/components/timeline/Timeline.scss
index 3cd5c6b..f249927 100644
--- a/src/components/timeline/Timeline.scss
+++ b/src/components/timeline/Timeline.scss
@@ -8,7 +8,7 @@
         &:before {
             @apply top-0 bottom-0 left-0 md:left-1/2 absolute content-[""] w-2;
             @apply bg-primary/10 dark:bg-dark_primary/10;
-            @apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
+            @apply shadow-md shadow-primary/5 dark:shadow-dark_primary/5;
         }
     }
 }
\ No newline at end of file
diff --git a/src/components/timeline/TimelineElement.scss b/src/components/timeline/TimelineElement.scss
index ec13614..cb10bf3 100644
--- a/src/components/timeline/TimelineElement.scss
+++ b/src/components/timeline/TimelineElement.scss
@@ -5,7 +5,7 @@
     &: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/10 dark:bg-dark_primary/10;
-        @apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
+        @apply shadow-md shadow-primary/5 dark:shadow-dark_primary/5;
     }
 
     &:nth-child(even) {
@@ -29,7 +29,7 @@
         & > details {
             @apply mb-12 rounded-xl overflow-hidden relative;
             @apply bg-primary/10 dark:bg-dark_primary/10;
-            @apply shadow-md shadow-primary/10 dark:shadow-dark_primary/10;
+            @apply shadow-md shadow-primary/5 dark:shadow-dark_primary/5;
 
             & > summary, & > div {
                 @apply p-5;