diff --git a/website/client/src/components/groupLink.vue b/website/client/src/components/groupLink.vue
index 97f3bdb8d9..96f419d56b 100644
--- a/website/client/src/components/groupLink.vue
+++ b/website/client/src/components/groupLink.vue
@@ -1,10 +1,10 @@
 <template>
-  <b-link
+  <router-link
     v-if="group"
-    @click.prevent="goToGroup"
+    :to="toPath"
   >
     {{ group.name }}
-  </b-link>
+  </router-link>
 </template>
 
 <script>
@@ -12,15 +12,26 @@ import { TAVERN_ID } from '@/../../common/script/constants';
 
 export default {
   props: ['group'],
-  methods: {
-    goToGroup () {
-      if (this.group.type === 'party') {
-        this.$router.push({ name: 'party' });
-      } else if (this.group._id === TAVERN_ID) {
-        this.$router.push({ name: 'tavern' });
-      } else {
-        this.$router.push({ name: 'guild', params: { groupId: this.group._id } });
+  computed: {
+    toPath () {
+      if (this.group._id === TAVERN_ID) {
+        return {
+          name: 'tavern',
+        };
       }
+
+      if (this.group.type === 'party') {
+        return {
+          name: 'party',
+        };
+      }
+
+      return {
+        name: 'guild',
+        params: {
+          groupId: this.group._id,
+        },
+      };
     },
   },
 };