diff --git a/frontend/src/components/TransactionRows/AmountAndName.vue b/frontend/src/components/TransactionRows/AmountAndNameRow.vue
similarity index 92%
rename from frontend/src/components/TransactionRows/AmountAndName.vue
rename to frontend/src/components/TransactionRows/AmountAndNameRow.vue
index 36a079846..fd9be6bf8 100644
--- a/frontend/src/components/TransactionRows/AmountAndName.vue
+++ b/frontend/src/components/TransactionRows/AmountAndNameRow.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="amount-and-name">
+  <div class="amount-and-name-row">
     <b-row>
       <b-col cols="5">
         <div class="text-right">
@@ -18,7 +18,7 @@
 </template>
 <script>
 export default {
-  name: 'Amount-And-Name',
+  name: 'AmountAndNameRow',
   props: {
     amount: {
       type: String,
diff --git a/frontend/src/components/TransactionRows/CollapseIcon.vue b/frontend/src/components/TransactionRows/CollapseIcon.vue
index f2032243f..7582d8eb0 100644
--- a/frontend/src/components/TransactionRows/CollapseIcon.vue
+++ b/frontend/src/components/TransactionRows/CollapseIcon.vue
@@ -8,7 +8,7 @@
 </template>
 <script>
 export default {
-  name: 'Collapse-Icon',
+  name: 'CollapseIcon',
   props: {
     visible: {
       type: Boolean,
diff --git a/frontend/src/components/TransactionRows/DateRow.vue b/frontend/src/components/TransactionRows/DateRow.vue
index 87f2d2dcd..5daccfa69 100644
--- a/frontend/src/components/TransactionRows/DateRow.vue
+++ b/frontend/src/components/TransactionRows/DateRow.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="transaction-rows-date">
+  <div class="date-row">
     <b-row>
       <b-col cols="5">
         <div class="text-right">{{ $t('form.date') }}</div>
@@ -15,7 +15,7 @@
 </template>
 <script>
 export default {
-  name: 'Transaction-Rows-Date',
+  name: 'DateRow',
   props: {
     balanceDate: {
       type: String,
diff --git a/frontend/src/components/TransactionRows/DecayRow.vue b/frontend/src/components/TransactionRows/DecayRow.vue
index f805379d4..92d79ef4b 100644
--- a/frontend/src/components/TransactionRows/DecayRow.vue
+++ b/frontend/src/components/TransactionRows/DecayRow.vue
@@ -17,7 +17,7 @@
 <script>
 import DecayInformationShort from '../DecayInformations/DecayInformation-Short'
 export default {
-  name: 'Decay-Row',
+  name: 'DecayRow',
   components: {
     DecayInformationShort,
   },
diff --git a/frontend/src/components/TransactionRows/MemoRow.vue b/frontend/src/components/TransactionRows/MemoRow.vue
index 61e025d1d..ef79fb38e 100644
--- a/frontend/src/components/TransactionRows/MemoRow.vue
+++ b/frontend/src/components/TransactionRows/MemoRow.vue
@@ -12,7 +12,7 @@
 </template>
 <script>
 export default {
-  name: 'Memo-Row',
+  name: 'MemoRow',
   props: {
     memo: {
       type: String,
diff --git a/frontend/src/components/TransactionRows/TypeIcon.vue b/frontend/src/components/TransactionRows/TypeIcon.vue
index 199a6436c..ff8aa8647 100644
--- a/frontend/src/components/TransactionRows/TypeIcon.vue
+++ b/frontend/src/components/TransactionRows/TypeIcon.vue
@@ -7,7 +7,7 @@
 </template>
 <script>
 export default {
-  name: 'Type-Icon',
+  name: 'TypeIcon',
   props: {
     icon: {
       type: String,
diff --git a/frontend/src/components/Transactions/TransactionCreation.vue b/frontend/src/components/Transactions/TransactionCreation.vue
index 777942f63..33b048c07 100644
--- a/frontend/src/components/Transactions/TransactionCreation.vue
+++ b/frontend/src/components/Transactions/TransactionCreation.vue
@@ -12,7 +12,7 @@
 
           <b-col cols="11">
             <!-- Amount / Name || Text -->
-            <amount-and-name :amount="amount" :linkedUser="linkedUser" />
+            <amount-and-name-row :amount="amount" :linkedUser="linkedUser" />
 
             <!-- Nachricht Memo -->
             <memo-row :memo="memo" />
@@ -40,7 +40,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import MemoRow from '../TransactionRows/MemoRow'
 import DateRow from '../TransactionRows/DateRow'
 import DecayRow from '../TransactionRows/DecayRow'
@@ -51,7 +51,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     MemoRow,
     DateRow,
     DecayRow,
diff --git a/frontend/src/components/Transactions/TransactionDecay.vue b/frontend/src/components/Transactions/TransactionDecay.vue
index 01f4a9c63..d6c210d9d 100644
--- a/frontend/src/components/Transactions/TransactionDecay.vue
+++ b/frontend/src/components/Transactions/TransactionDecay.vue
@@ -12,7 +12,10 @@
 
           <b-col cols="11">
             <!-- Amount / Name || Text -->
-            <amount-and-name :amount="amount" :text="$t('decay.decay_since_last_transaction')" />
+            <amount-and-name-row
+              :amount="amount"
+              :text="$t('decay.decay_since_last_transaction')"
+            />
           </b-col>
         </b-row>
       </div>
@@ -26,7 +29,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName.vue'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import DecayInformationDecay from '../DecayInformations/DecayInformation-Decay'
 
 export default {
@@ -34,7 +37,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     DecayInformationDecay,
   },
   props: {
diff --git a/frontend/src/components/Transactions/TransactionReceive.vue b/frontend/src/components/Transactions/TransactionReceive.vue
index b57fcc3b1..8766fbfa3 100644
--- a/frontend/src/components/Transactions/TransactionReceive.vue
+++ b/frontend/src/components/Transactions/TransactionReceive.vue
@@ -13,7 +13,7 @@
 
           <b-col cols="11">
             <!-- Amount / Name || Text -->
-            <amount-and-name :amount="amount" :linkedUser="linkedUser" />
+            <amount-and-name-row :amount="amount" :linkedUser="linkedUser" />
 
             <!-- Nachricht Memo -->
             <memo-row :memo="memo" />
@@ -41,7 +41,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import MemoRow from '../TransactionRows/MemoRow'
 import DateRow from '../TransactionRows/DateRow'
 import DecayRow from '../TransactionRows/DecayRow'
@@ -52,7 +52,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     MemoRow,
     DateRow,
     DecayRow,
diff --git a/frontend/src/components/Transactions/TransactionSend.vue b/frontend/src/components/Transactions/TransactionSend.vue
index 8ce6e44d0..0ae8495f5 100644
--- a/frontend/src/components/Transactions/TransactionSend.vue
+++ b/frontend/src/components/Transactions/TransactionSend.vue
@@ -13,7 +13,7 @@
 
           <b-col cols="11">
             <!-- Amount / Name  -->
-            <amount-and-name :amount="amount" :linkedUser="linkedUser" />
+            <amount-and-name-row :amount="amount" :linkedUser="linkedUser" />
 
             <!-- Memo -->
             <memo-row :memo="memo" />
@@ -41,7 +41,7 @@
 <script>
 import CollapseIcon from '../TransactionRows/CollapseIcon'
 import TypeIcon from '../TransactionRows/TypeIcon'
-import AmountAndName from '../TransactionRows/AmountAndName'
+import AmountAndNameRow from '../TransactionRows/AmountAndNameRow'
 import MemoRow from '../TransactionRows/MemoRow'
 import DateRow from '../TransactionRows/DateRow'
 import DecayRow from '../TransactionRows/DecayRow'
@@ -52,7 +52,7 @@ export default {
   components: {
     CollapseIcon,
     TypeIcon,
-    AmountAndName,
+    AmountAndNameRow,
     MemoRow,
     DateRow,
     DecayRow,