diff --git a/resources/js/pages/Topic.vue b/resources/js/pages/Topic.vue
index 1d1f7e8..dfffa8b 100644
--- a/resources/js/pages/Topic.vue
+++ b/resources/js/pages/Topic.vue
@@ -24,14 +24,27 @@
             v-for="article in articles"
             :key="article.id"
             >
+
+            
                 <div slot="bottom-left" class="max-w-xs">
-                    <div class="p-5 shadow-md m-2 mt-4"><img class="object-scale-down h-30" :src="article.featured_image" :alt="article.meta.title">
-                        <div class="text-xs font-bold uppercase text-teal-700 text-right mt-1 mb-2 MvTyper" v-text="article.source.name"></div>
-                        <div class="text-xl font-bold mb-2 MvAamu text-right" v-text="article.title"></div>
+                    <div class="p-5 shadow-md m-2 mt-4">
+
+                          <router-link :to="{ name: 'article.show', params: { id: article.id } }">
+                        <img class="object-scale-down h-30" :src="article.featured_image" :alt="article.meta.title">
+                          </router-link>
+
+                        <div class="text-xs font-bold uppercase text-gray-500 text-right mt-1 mb-2 MvTyper" v-text="article.source.name"></div>
+
+                        <router-link :to="{ name: 'article.show', params: { id: article.id } }">
+                        <div class="text-md font-bold leading-7 mb-2 MvTyper text-right hover:underline" v-text="article.title"></div>
+                        </router-link>
+                        
                     </div>
                 </div>
-            </div>
+              
 
+            </div>
+            
         
 
         </div>