diff --git a/src/components/quote_card/quote_card.js b/src/components/quote_card/quote_card.js
index 8f1a58a1..48fdbe42 100644
--- a/src/components/quote_card/quote_card.js
+++ b/src/components/quote_card/quote_card.js
@@ -14,15 +14,7 @@ const QuoteCard = {
   computed: {
     ...mapGetters([
       'mergedConfig'
-    ]),
-    statusLink () {
-      return {
-        name: 'conversation',
-        params: {
-          id: this.status.id
-        }
-      }
-    }
+    ])
   },
   components: {
     QuoteCardContent
diff --git a/src/components/quote_card/quote_card.vue b/src/components/quote_card/quote_card.vue
index 64f8b6a9..7f114938 100644
--- a/src/components/quote_card/quote_card.vue
+++ b/src/components/quote_card/quote_card.vue
@@ -1,15 +1,13 @@
 <template>
   <div>
-    <a
+    <router-link
       class="quote-card"
-      :href="$router.resolve(statusLink).href"
-      target="_blank"
-      rel="noopener"
+      :to="{ name: 'conversation', params: { id: status.id } }"
     >
       <QuoteCardContent
         :status="status"
       />
-    </a>
+    </router-link>
   </div>
 </template>