diff --git a/src/pages/Claim/Card/ClaimCard.vue b/src/pages/Claim/Card/ClaimCard.vue
index fe56c58dd..2691bbc51 100644
--- a/src/pages/Claim/Card/ClaimCard.vue
+++ b/src/pages/Claim/Card/ClaimCard.vue
@@ -22,20 +22,15 @@ const entityId = computed(() => {
     return $props.id || route.params.id;
 });
 const claimSections = [
-    { name: 'Details', url: '/detail' },
-    { name: 'Notes', url: '/note/index' },
-    { name: 'Development', url: '/development' },
-    { name: 'Action', url: '/action' },
+    { name: 'Notes', url: '/note/index', icon: 'draft' },
+    { name: 'Development', url: '/development', icon: 'vn:traceability' },
+    { name: 'Action', url: '/action', icon: 'vn:actions' },
 ];
 
 let salixUrl;
 onMounted(async () => {
     salixUrl = await getUrl(`claim/${entityId.value}`);
 });
-
-function openNewTab(url) {
-    window.open(url, '_blank');
-}
 </script>
 <template>
     <Teleport to="#searchbar" v-if="stateStore.isHeaderMounted()">
@@ -57,12 +52,12 @@ function openNewTab(url) {
                     v-for="section in claimSections"
                     :key="section.name"
                     active-class="text-primary"
-                    @click="openNewTab(salixUrl + section.url)"
+                    :href="salixUrl + section.url"
                     clickable
                     v-ripple
                 >
                     <QItemSection avatar>
-                        <QIcon name="disabled_by_default" />
+                        <QIcon :name="section.icon" />
                     </QItemSection>
                     <QItemSection> {{ t(section.name) }} </QItemSection>
                 </QItem>