diff --git a/app/components/TheHeader.vue b/app/components/TheHeader.vue
index cfd67eb..1939170 100644
--- a/app/components/TheHeader.vue
+++ b/app/components/TheHeader.vue
@@ -1,12 +1,12 @@
 <template>
   <header class="navbar">
     <div class="container">
-      <div class="logo">
+      <RouterLink to="/" class="logo">
         <img
           src="/spbr-uncolored-nostars-noring.png"
           alt="Logo"
         >
-      </div>
+      </RouterLink>
 
       <nav class="links">
         <a href="#">Supported games</a>
@@ -40,6 +40,17 @@ const query = ref('')
 </script>
 
 <style scoped>
+.logo {
+  display: flex;
+  align-items: center;
+  text-decoration: none;
+  transition: opacity 0.2s;
+}
+
+.logo:hover {
+  opacity: 0.8;
+}
+
 .navbar {
   background-color: #1a1a1a;
   border-bottom: 2px solid #333;