diff --git a/frontend/src/components/Transaction.vue b/frontend/src/components/Transaction.vue
index 03b559463..dd91d2a1e 100644
--- a/frontend/src/components/Transaction.vue
+++ b/frontend/src/components/Transaction.vue
@@ -56,17 +56,17 @@
             {{ $d($moment(date), 'long') }} {{ $i18n.locale === 'de' ? 'Uhr' : '' }}
           </div>
         </b-row>
-      </div>
 
-      <!-- collaps trancaction info-->
-      <b-collapse :id="'a' + date + ''" class="pb-4">
-        <transaction-collapse
-          :amount="amount"
-          :gdtEntryType="gdtEntryType"
-          :factor="factor"
-          :gdt="gdt"
-        ></transaction-collapse>
-      </b-collapse>
+        <!-- collaps trancaction info-->
+        <b-collapse :id="'a' + date + ''" class="mt-2 pb-4">
+          <transaction-collapse
+            :amount="amount"
+            :gdtEntryType="gdtEntryType"
+            :factor="factor"
+            :gdt="gdt"
+          ></transaction-collapse>
+        </b-collapse>
+      </div>
     </div>
   </div>
 </template>
diff --git a/frontend/src/components/TransactionCollapse.vue b/frontend/src/components/TransactionCollapse.vue
index 854282a43..444012820 100644
--- a/frontend/src/components/TransactionCollapse.vue
+++ b/frontend/src/components/TransactionCollapse.vue
@@ -1,8 +1,11 @@
 <template>
-  <div class="gdt-transaction-collapse">
+  <div
+    class="gdt-transaction-collapse p-2 pt-4 pb-4 mb-4"
+    style="border: 0px; background-color: #f1f1f1"
+  >
     <b-row class="gdt-list-collapse-header-text text-center pb-3">
-      <div id="collapse-headline" class="col h4">
-        {{ getLinesByType(gdtEntryType).headline }}
+      <div id="collapse-headline" class="col">
+        <b>{{ getLinesByType(gdtEntryType).headline }}</b>
       </div>
     </b-row>
     <b-row class="gdt-list-collapse-box--all">
diff --git a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
index dde5e31e8..e69e5edec 100644
--- a/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
+++ b/frontend/src/views/Pages/AccountOverview/GdtTransactionList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="gdt-transaction-list">
-    <div class="list-group">
+    <div class="list-group" style="background-color: #fff">
       <div v-if="transactionGdtCount === 0">
         {{ $t('gdt.no-transactions') }}
       </div>