diff --git a/frontend/src/components/GddTransactionList.vue b/frontend/src/components/GddTransactionList.vue
index 7be0797a8..37605711c 100644
--- a/frontend/src/components/GddTransactionList.vue
+++ b/frontend/src/components/GddTransactionList.vue
@@ -27,6 +27,7 @@
               class="list-group-item"
               v-bind="transactions[index]"
               :decayStartBlock="decayStartBlock"
+              :previousBookedBalance="previousBookedBalance(index)"
               v-on="$listeners"
             />
           </template>
@@ -36,6 +37,7 @@
               class="list-group-item"
               v-bind="transactions[index]"
               :decayStartBlock="decayStartBlock"
+              :previousBookedBalance="previousBookedBalance(index)"
               v-on="$listeners"
             />
           </template>
@@ -45,6 +47,7 @@
               class="list-group-item"
               v-bind="transactions[index]"
               :decayStartBlock="decayStartBlock"
+              :previousBookedBalance="previousBookedBalance(index)"
               v-on="$listeners"
             />
           </template>
@@ -116,7 +119,7 @@ export default {
     },
     previousBookedBalance(idx) {
       if (this.transactions[idx + 1]) return this.transactions[idx + 1].balance
-      return 0
+      return '0'
     },
   },
   watch: {
diff --git a/frontend/src/components/Transactions/TransactionCreation.vue b/frontend/src/components/Transactions/TransactionCreation.vue
index f343a92ac..dce11307b 100644
--- a/frontend/src/components/Transactions/TransactionCreation.vue
+++ b/frontend/src/components/Transactions/TransactionCreation.vue
@@ -47,7 +47,7 @@ import DecayRow from '../TransactionRows/DecayRow'
 import DecayInformation from '../DecayInformations/DecayInformation'
 
 export default {
-  name: 'slot-creation',
+  name: 'TransactionCreation',
   components: {
     CollapseIcon,
     TypeIcon,
@@ -86,6 +86,10 @@ export default {
       type: Date,
       required: true,
     },
+    previousBookedBalance: {
+      type: String,
+      required: true,
+    },
   },
   data() {
     return {
diff --git a/frontend/src/components/Transactions/TransactionDecay.vue b/frontend/src/components/Transactions/TransactionDecay.vue
index d61beb026..372705a4c 100644
--- a/frontend/src/components/Transactions/TransactionDecay.vue
+++ b/frontend/src/components/Transactions/TransactionDecay.vue
@@ -37,7 +37,7 @@ import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
 
 export default {
-  name: 'slot-decay',
+  name: 'TransactionDecay',
   components: {
     CollapseIcon,
     TypeIcon,
diff --git a/frontend/src/components/Transactions/TransactionReceive.vue b/frontend/src/components/Transactions/TransactionReceive.vue
index f83c84e53..32e40f71e 100644
--- a/frontend/src/components/Transactions/TransactionReceive.vue
+++ b/frontend/src/components/Transactions/TransactionReceive.vue
@@ -53,7 +53,7 @@ import DecayRow from '../TransactionRows/DecayRow'
 import DecayInformation from '../DecayInformations/DecayInformation'
 
 export default {
-  name: 'slot-receive',
+  name: 'TransactionReceive',
   components: {
     CollapseIcon,
     TypeIcon,
@@ -95,6 +95,10 @@ export default {
       type: Number,
       required: false,
     },
+    previousBookedBalance: {
+      type: String,
+      required: true,
+    },
   },
   data() {
     return {
diff --git a/frontend/src/components/Transactions/TransactionSend.vue b/frontend/src/components/Transactions/TransactionSend.vue
index 2f9ef54d2..a1ea3c88e 100644
--- a/frontend/src/components/Transactions/TransactionSend.vue
+++ b/frontend/src/components/Transactions/TransactionSend.vue
@@ -53,7 +53,7 @@ import DecayRow from '../TransactionRows/DecayRow'
 import DecayInformation from '../DecayInformations/DecayInformation'
 
 export default {
-  name: 'slot-send',
+  name: 'TransactionSend',
   components: {
     CollapseIcon,
     TypeIcon,
@@ -96,6 +96,10 @@ export default {
       type: Number,
       required: false,
     },
+    previousBookedBalance: {
+      type: String,
+      required: true,
+    },
   },
   data() {
     return {