diff --git a/components/navigation/DropDownLink.vue b/components/navigation/DropDownLink.vue
index 30e531d..9653ab5 100644
--- a/components/navigation/DropDownLink.vue
+++ b/components/navigation/DropDownLink.vue
@@ -53,6 +53,10 @@ watch(currentUrl, (url) => {
     &.router-link-active {
       color: var(--primary-100);
     }
+
+    &:hover {
+      color: var(--primary-600);
+    }
   }
 }
 </style>
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index 9be4a5c..9f04482 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -51,7 +51,7 @@ const modpackCountUrls = [
         update Data
       </button>
     </DevOnly>
-    <NuxtLink to="https://github.com/ToBinio/modrinth-statistics" target="_blank">
+    <NuxtLink id="github" to="https://github.com/ToBinio/modrinth-statistics" target="_blank">
       <Icon name="mdi:github" size="40"/>
     </NuxtLink>
   </div>
@@ -89,6 +89,14 @@ const modpackCountUrls = [
     }
   }
 
+  #github {
+    transition: 0.1s scale ease-in-out;
+
+    &:hover {
+      scale: 1.05;
+    }
+  }
+
   button {
     color: black;
   }
@@ -97,6 +105,10 @@ const modpackCountUrls = [
     text-decoration: none;
     transition: 0.2s color ease-out;
 
+    &:hover {
+      color: var(--primary-600);
+    }
+
     &.router-link-active {
       color: var(--primary-100);
     }