diff --git a/frontend/src/components/Header.vue b/frontend/src/components/Header.vue
index 3687270..1d5e535 100644
--- a/frontend/src/components/Header.vue
+++ b/frontend/src/components/Header.vue
@@ -1,7 +1,9 @@
 <template>
   <header class="header" :class="[`header-${position}`]">
     <div class="header-left">
-      <img :src="logoUrl" alt="MediaHive" class="header-logo" />
+      <RouterLink to="/" class="header-logo-link" aria-label="Go to front page">
+        <img :src="logoUrl" alt="MediaHive" class="header-logo" />
+      </RouterLink>
       <nav class="header-nav">
         <!-- Browse mode: show both Movies and Series -->
         <template v-if="!isDetailPage">
diff --git a/frontend/src/styles/main.css b/frontend/src/styles/main.css
index 2fb460f..e41f8de 100644
--- a/frontend/src/styles/main.css
+++ b/frontend/src/styles/main.css
@@ -149,6 +149,11 @@ html.mouse-active ::-webkit-scrollbar-thumb:hover {
   gap: 12px;
 }
 
+.header-logo-link {
+  display: inline-flex;
+  align-items: center;
+}
+
 .header-logo {
   height: 40px;
   width: 40px;