diff --git a/src/component/navbar.svelte b/src/component/navbar.svelte
index 5dd35c7..93cb55d 100644
--- a/src/component/navbar.svelte
+++ b/src/component/navbar.svelte
@@ -152,6 +152,12 @@ Svelte modal example, https://svelte.dev/playground/modal
   nav button.menu-button {
     background: none;
     border: none;
+
+    transition-duration: 0.2s;
+  }
+
+  nav button.menu-button:hover {
+    color: #21afff;
   }
 
   nav .menu-button i {
diff --git a/src/component/settings.svelte b/src/component/settings.svelte
index b64e53f..500dfbe 100644
--- a/src/component/settings.svelte
+++ b/src/component/settings.svelte
@@ -154,4 +154,19 @@
       margin: 4px 0;
     }
   }
+
+  // Click target color animation
+
+  button {
+    transition-duration: 0.2s;
+  }
+
+  button:hover {
+    color: #21afff !important;
+    /*/
+     * Cascading styles was a mistake
+     * I hate this code
+     * But it works
+    /*/
+  }
 </style>
diff --git a/src/routes/studios/+page.svelte b/src/routes/studios/+page.svelte
index 3abdbcc..3d91d41 100644
--- a/src/routes/studios/+page.svelte
+++ b/src/routes/studios/+page.svelte
@@ -232,6 +232,11 @@
     color: global.$text-color;
   }
 
+  // Bad code
+  div.project-grid-container div.project-grid-box h1 a:hover {
+    color: #21afff;
+  }
+
   div.project-grid-container
     div.project-grid-box
     div.project-grid-box-contents {