diff --git a/desk/src/components/knowledge-base/ArticleCard2.vue b/desk/src/components/knowledge-base/ArticleCard2.vue
index 87b031cde..beac2e966 100644
--- a/desk/src/components/knowledge-base/ArticleCard2.vue
+++ b/desk/src/components/knowledge-base/ArticleCard2.vue
@@ -28,7 +28,7 @@
         }}</span>
       </div>
       <span class="text-sm text-gray-600">{{
-        dayjs.tz(article.published_on).format("DD, MMM YYYY")
+        dayjs.tz(article.modified).fromNow()
       }}</span>
     </div>
   </router-link>
diff --git a/desk/src/pages/knowledge-base/Articles.vue b/desk/src/pages/knowledge-base/Articles.vue
index 5db8b442f..f467784e0 100644
--- a/desk/src/pages/knowledge-base/Articles.vue
+++ b/desk/src/pages/knowledge-base/Articles.vue
@@ -21,10 +21,11 @@
 
 <script setup lang="ts">
 import { onMounted, computed } from "vue";
-import { articles, categoryName } from "@/stores/knowledgeBase";
-import { Breadcrumbs } from "frappe-ui";
+import { categoryName } from "@/stores/knowledgeBase";
+import { Breadcrumbs, createResource } from "frappe-ui";
 import LayoutHeader from "@/components/LayoutHeader.vue";
 import ArticleCard2 from "@/components/knowledge-base/ArticleCard2.vue";
+
 const props = defineProps({
   categoryId: {
     required: true,
@@ -32,8 +33,16 @@ const props = defineProps({
   },
 });
 
+const articles = createResource({
+  url: "helpdesk.api.knowledge_base.get_category_articles",
+  cache: ["articles", props.categoryId],
+  params: {
+    category: props.categoryId,
+  },
+  auto: true,
+});
+
 onMounted(() => {
-  articles.fetch({ category: props.categoryId });
   categoryName.fetch({
     category: props.categoryId,
   });
diff --git a/desk/src/stores/knowledgeBase.ts b/desk/src/stores/knowledgeBase.ts
index 4e6c368f1..7aa28e2ff 100644
--- a/desk/src/stores/knowledgeBase.ts
+++ b/desk/src/stores/knowledgeBase.ts
@@ -78,15 +78,7 @@ export const categories = createResource({
   cache: ["categories"],
 });
 
-export const articles = createResource({
-  url: "helpdesk.api.knowledge_base.get_category_articles",
-  cache: ["articles"],
-  makeParams({ category }) {
-    return {
-      category,
-    };
-  },
-});
+
 
 export const categoryName = createResource({
   url: "helpdesk.api.knowledge_base.get_category_title",