diff --git a/src/views/contents/contentcards/NContentCard.vue b/src/views/contents/contentcards/NContentCard.vue
index 83fb42a..9282a3c 100644
--- a/src/views/contents/contentcards/NContentCard.vue
+++ b/src/views/contents/contentcards/NContentCard.vue
@@ -10,9 +10,9 @@
                 class="rounded-full"
                 width="32px"
                 height="32px">
-            <div class="capitalize px-2">
+            <router-link class="capitalize px-2" :to="`/@${props.content.createdByName}`">
               {{ props.content.createdByName }}
-            </div>
+            </router-link>
             <span class="text-subtitle-2 mt-1">
               {{ time_ago(props.content.createdAt) }}
             </span>
diff --git a/src/views/contents/contentcards/SmContentCard.vue b/src/views/contents/contentcards/SmContentCard.vue
index 974dffc..c6aa969 100644
--- a/src/views/contents/contentcards/SmContentCard.vue
+++ b/src/views/contents/contentcards/SmContentCard.vue
@@ -10,9 +10,9 @@
                 class="rounded-full"
                 width="32px"
                 height="32px">
-            <div class="capitalize px-2">
+            <router-link class="capitalize px-2" :to="`/@${props.content.createdByName}`">
               {{ props.content.createdByName }}
-            </div>
+            </router-link>
             <span class="text-subtitle-2">
               {{ time_ago(props.content.createdAt) }}
             </span>
@@ -197,14 +197,6 @@ function toggleComments() {
   messagesVisible.value = !messagesVisible.value;
 }
 
-function likeContent() {
-  console.log('Content liked');
-}
-
-function dislikeContent() {
-  console.log('Content disliked');
-}
-
 function getComponent(url) {
   if (url.includes('youtube.com') || url.includes('youtu.be')) {
     return YoutubePlayer;