diff --git a/src/frontend/src/modules/Meter/Transactions.vue b/src/frontend/src/modules/Meter/Transactions.vue
index 54d687c44..be7375abb 100644
--- a/src/frontend/src/modules/Meter/Transactions.vue
+++ b/src/frontend/src/modules/Meter/Transactions.vue
@@ -23,8 +23,8 @@
-
- Token {{ token.paid_for.token }}
+
+ Token ({{ formatToken(token.paid_for.token) }})
{{ token.paid_for_type }}
@@ -92,6 +92,13 @@ export default {
this.transactions.tokens.length,
)
},
+ formatToken(token) {
+ // Ensure token is a string
+ const tokenStr = String(token);
+ // Format in the desired pattern
+ // return tokenStr.match(/.{1,4}/g).join('-'); // For "1234-1234-1234"
+ return tokenStr.match(/.{1,3}/g).join(' '); // For "123 412 341 234"
+ },
},
}