diff --git a/frontend/src/components/GdtTransactionList.vue b/frontend/src/components/GdtTransactionList.vue
index 0c061ed06..168bf6ae7 100644
--- a/frontend/src/components/GdtTransactionList.vue
+++ b/frontend/src/components/GdtTransactionList.vue
@@ -89,6 +89,11 @@ export default {
 }
 </script>
 <style>
+collaps-icon {
+  width: 95%;
+  position: absolute;
+}
+
 .el-table .cell {
   padding-left: 0px;
   padding-right: 0px;
diff --git a/frontend/src/components/TransactionRows/CollapsIcon.vue b/frontend/src/components/TransactionRows/CollapsIcon.vue
new file mode 100644
index 000000000..5e0f46474
--- /dev/null
+++ b/frontend/src/components/TransactionRows/CollapsIcon.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="Collaps-Icon">
+    <b-icon
+      :icon="visible ? 'caret-up-square' : 'caret-down-square'"
+      :class="visible ? 'text-black' : 'text-muted'"
+    />
+  </div>
+</template>
+<script>
+export default {
+  props: {
+    visible: {
+      type: Boolean,
+    },
+  },
+}
+</script>
diff --git a/frontend/src/components/Transactions/TransactionCreation.vue b/frontend/src/components/Transactions/TransactionCreation.vue
index a30a33ca5..f24ce1f7d 100644
--- a/frontend/src/components/Transactions/TransactionCreation.vue
+++ b/frontend/src/components/Transactions/TransactionCreation.vue
@@ -2,12 +2,7 @@
   <div class="transaction-slot-creation">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
+      <collaps-icon class="text-right" :visible="visible" />
 
       <div>
         <b-row>
@@ -89,6 +84,7 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
 import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@@ -97,6 +93,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
 export default {
   name: 'slot-creation',
   components: {
+    CollapsIcon,
     DecayInformationShort,
     DecayInformationLong,
     DecayInformationBeforeStartblock,
diff --git a/frontend/src/components/Transactions/TransactionDecay.vue b/frontend/src/components/Transactions/TransactionDecay.vue
index 0530c47f4..39f62eea8 100644
--- a/frontend/src/components/Transactions/TransactionDecay.vue
+++ b/frontend/src/components/Transactions/TransactionDecay.vue
@@ -2,12 +2,7 @@
   <div class="transaction-slot-decay">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
+      <collaps-icon class="text-right" :visible="visible" />
 
       <div>
         <b-row>
@@ -45,11 +40,13 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
 
 export default {
   name: 'slot-decay',
   components: {
+    CollapsIcon,
     DecayInformationDecay,
   },
   props: {
diff --git a/frontend/src/components/Transactions/TransactionReceive.vue b/frontend/src/components/Transactions/TransactionReceive.vue
index 08c49d808..3c6c2cb08 100644
--- a/frontend/src/components/Transactions/TransactionReceive.vue
+++ b/frontend/src/components/Transactions/TransactionReceive.vue
@@ -2,12 +2,7 @@
   <div class="transaction-slot-receive">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
+      <collaps-icon class="text-right" :visible="visible" />
 
       <div>
         <b-row>
@@ -92,6 +87,7 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
 import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@@ -100,6 +96,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
 export default {
   name: 'slot-receive',
   components: {
+    CollapsIcon,
     DecayInformationShort,
     DecayInformationLong,
     DecayInformationBeforeStartblock,
diff --git a/frontend/src/components/Transactions/TransactionSend.vue b/frontend/src/components/Transactions/TransactionSend.vue
index 67248fc3f..7d28e7a9d 100644
--- a/frontend/src/components/Transactions/TransactionSend.vue
+++ b/frontend/src/components/Transactions/TransactionSend.vue
@@ -2,12 +2,7 @@
   <div class="transaction-slot-send">
     <div @click="visible = !visible">
       <!-- Collaps Icon  -->
-      <div class="text-right" style="width: 95%; position: absolute">
-        <b-icon
-          :icon="visible ? 'caret-up-square' : 'caret-down-square'"
-          :class="visible ? 'text-black' : 'text-muted'"
-        />
-      </div>
+      <collaps-icon class="text-right" :visible="visible" />
 
       <div>
         <b-row>
@@ -89,6 +84,7 @@
   </div>
 </template>
 <script>
+import CollapsIcon from '../TransactionRows/CollapsIcon'
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 import DecayInformationLong from '../DecayInformations/DecayInformation-Long'
 import DecayInformationBeforeStartblock from '../DecayInformations/DecayInformation-BeforeStartblock'
@@ -96,6 +92,7 @@ import DecayInformationDecayStartblock from '../DecayInformations/DecayInformati
 export default {
   name: 'slot-send',
   components: {
+    CollapsIcon,
     DecayInformationShort,
     DecayInformationLong,
     DecayInformationBeforeStartblock,