diff --git a/src/modules/[chain]/account/[address].vue b/src/modules/[chain]/account/[address].vue
index 63f5ff34..c87e94a4 100644
--- a/src/modules/[chain]/account/[address].vue
+++ b/src/modules/[chain]/account/[address].vue
@@ -458,8 +458,10 @@ loadAccount(props.address);
                   v.height
                 }}</RouterLink>
               </td>
-              <td class="text-truncate py-3" style="max-width: 200px">
+              <td class="text-truncate text-primary py-3" style="max-width: 200px">
+                <RouterLink :to="`/${chain}/tx/${v.txhash}`">
                 {{ v.txhash }}
+              </RouterLink>
               </td>
               <td class="flex items-center py-3">
                 <div class="mr-2">
diff --git a/src/modules/[chain]/block/index.vue b/src/modules/[chain]/block/index.vue
index e916d2e5..9a0fe409 100644
--- a/src/modules/[chain]/block/index.vue
+++ b/src/modules/[chain]/block/index.vue
@@ -71,8 +71,12 @@ const format = useFormatter();
         </thead>
         <tbody >
           <tr v-for="(item,index) in base.txsInRecents" :index="index">
-            <td>{{ item.height }}</td>
-            <td class="text-xs truncate" width="50%">
+            <td class="text-sm text-primary">
+              <RouterLink
+                :to="`/${props.chain}/block/${item.height}`"
+                >{{ item.height }}</RouterLink
+              ></td>
+            <td class="truncate text-primary" width="50%">
               <RouterLink :to="`/${props.chain}/tx/${item.hash}`">{{
                 item.hash
               }}</RouterLink>
diff --git a/src/modules/[chain]/staking/[validator].vue b/src/modules/[chain]/staking/[validator].vue
index c0fe3110..a0fc40e1 100644
--- a/src/modules/[chain]/staking/[validator].vue
+++ b/src/modules/[chain]/staking/[validator].vue
@@ -397,8 +397,10 @@ onMounted(() => {
                   item.height
                 }}</RouterLink>
               </td>
-              <td class="text-truncate" style="max-width: 200px">
+              <td class="text-truncate text-primary" style="max-width: 200px">
+                <RouterLink :to="`/${props.chain}/tx/${item.txhash}`">
                 {{ item.txhash }}
+              </RouterLink>
               </td>
               <td>
                 <div class="flex items-center">
diff --git a/src/modules/[chain]/tx/[hash].vue b/src/modules/[chain]/tx/[hash].vue
index 85465c94..0556e609 100644
--- a/src/modules/[chain]/tx/[hash].vue
+++ b/src/modules/[chain]/tx/[hash].vue
@@ -39,7 +39,7 @@ const messages = computed(() => {
             </tr>
             <tr>
               <td>Height</td>
-              <td>
+              <td class="text-primary">
                 <RouterLink
                   :to="`/${props.chain}/block/${tx.tx_response.height}`"
                   >{{ tx.tx_response.height }}</RouterLink
@@ -55,12 +55,12 @@ const messages = computed(() => {
                     tx.tx_response.code === 0 ? 'success' : 'error'
                   }`"
                 >
-                  <span
+                <VCard
                     class="inset-x-0 inset-y-0 opacity-10 absolute"
                     :class="`bg-${
                       tx.tx_response.code === 0 ? 'success' : 'error'
                     }`"
-                  ></span>
+                  ></VCard>
                   {{ tx.tx_response.code === 0 ? 'Success' : 'Failded' }}
                 </div>
               </td>