diff --git a/frontend/src/components/common/Navigation/HomeBtn.vue b/frontend/src/components/common/Navigation/HomeBtn.vue
index e88bc2158..0ecca15da 100644
--- a/frontend/src/components/common/Navigation/HomeBtn.vue
+++ b/frontend/src/components/common/Navigation/HomeBtn.vue
@@ -1,17 +1,21 @@
 <script setup lang="ts">
+import { ref } from "vue";
 import RommIso from "@/components/common/RommIso.vue";
 import storeNavigation from "@/stores/navigation";
 
+const homeUrl = ref(`${location.protocol}//${location.host}`);
 const navigationStore = storeNavigation();
 </script>
 <template>
-  <v-hover v-slot="{ isHovering, props: hoverProps }">
-    <romm-iso
-      @click="navigationStore.goHome"
-      v-bind="hoverProps"
-      class="pointer"
-      :class="{ 'border-romm-accent-1': isHovering }"
-      :size="35"
-    />
-  </v-hover>
+  <a @click.prevent style="text-decoration: none; color: inherit" :href="homeUrl">
+    <v-hover v-slot="{ isHovering, props: hoverProps }">
+      <romm-iso
+        @click="navigationStore.goHome"
+        v-bind="hoverProps"
+        class="pointer"
+        :class="{ 'border-romm-accent-1': isHovering }"
+        :size="35"
+      />
+    </v-hover>
+  </a>
 </template>