diff --git a/assets/lto-icons.css b/assets/lto-icons.css
index d09ad8e..871fa19 100644
--- a/assets/lto-icons.css
+++ b/assets/lto-icons.css
@@ -115,6 +115,11 @@
     color: #17054b;
 }
 
+.lto-data:before {
+  content: "\e910";
+  color: #17054b;
+}
+
 .lto-node:before {
     content: "\e915";
     color: #17054b;
diff --git a/data/map.ts b/data/map.ts
index ef285ca..da99b3e 100644
--- a/data/map.ts
+++ b/data/map.ts
@@ -4,9 +4,10 @@ export const txTypes: {[key: number]: { name: string; description: string; icon:
   8: { name: 'start_lease', description: 'Lease', icon: 'mdi-file-document-box-plus' },
   9: { name: 'cancel_lease', description: 'Cancel Lease', icon: 'mdi-file-document-box-remove' },
   11: { name: 'mass_transfer', description: 'Mass Transfer', icon: 'mdi-coins' },
+  12: { name: 'data', description: 'Data', icon: 'mdi-database' },
   13: { name: 'script', description: 'Script', icon: 'mdi-script-text' },
   15: { name: 'anchor', description: 'Anchor', icon: 'mdi-anchor' },
-  16: { name: 'invoke_association', description: 'Issue Association', icon: 'mdi-link-plus' },
+  16: { name: 'invoke_association', description: 'Association', icon: 'mdi-link-plus' },
   17: { name: 'revoke_association', description: 'Revoke Association', icon: 'mdi-link-off' },
   18: { name: 'sponsor', description: 'Sponsorship', icon: 'mdi-heart' },
   19: { name: 'cancel_sponsor', description: 'Cancel Sponsorship', icon: 'mdi-heart-broken' },
diff --git a/locales/en.js b/locales/en.js
index a636658..91b4d05 100644
--- a/locales/en.js
+++ b/locales/en.js
@@ -88,7 +88,8 @@ export default {
     timestamp: 'Timestamp',
     confirmed: 'Confirmed',
     target: 'Target',
-    type: 'Type'
+    type: 'Type',
+    data: 'Data'
   },
   nodes: {
     title: 'Nodes Monitor'
diff --git a/pages/transaction/:transaction.vue b/pages/transaction/:transaction.vue
index 47adafe..7735989 100644
--- a/pages/transaction/:transaction.vue
+++ b/pages/transaction/:transaction.vue
@@ -302,6 +302,40 @@
           </v-card-text>
         </v-card>
       </v-col>
+
+      <v-col
+        v-if="transaction.data && transaction.data.length > 0"
+        :cols="12"
+        :sm="12"
+        :md="12"
+        :lg="12"
+      >
+        <v-card>
+          <v-card-title class="secondary--text">
+            <span class="mr-2 lto-data" />
+            {{ $t('explorer.data') }}
+          </v-card-title>
+          <v-card-text class="pa-0">
+            <v-simple-table>
+              <template v-slot:default>
+                <tbody>
+                  <tr v-for="(entry, i) in transaction.data" :key="i">
+                    <td>
+                      {{ entry.key }}
+                    </td>
+                    <td>
+                      {{ entry.value }}
+                    </td>
+                    <td class="d-none d-md-table-cell">
+                      ( {{ entry.type }} )
+                    </td>
+                  </tr>
+                </tbody>
+              </template>
+            </v-simple-table>
+          </v-card-text>
+        </v-card>
+      </v-col>
     </v-row>
   </div>
 </template>
diff --git a/pages/types.ts b/pages/types.ts
index 7be7384..f9ceb12 100644
--- a/pages/types.ts
+++ b/pages/types.ts
@@ -11,6 +11,7 @@ export interface Transaction {
   fee: number | string;
   type: number;
   transfers: Transfer[];
+  data?: { key: string; type: string; value: string | number | boolean }[];
   amount: number;
   totalAmount: number;
   height: number;