diff --git a/src/main/webapp/app/entities/transaction/transaction.vue b/src/main/webapp/app/entities/transaction/transaction.vue
index 2a96859..5c6e9a5 100644
--- a/src/main/webapp/app/entities/transaction/transaction.vue
+++ b/src/main/webapp/app/entities/transaction/transaction.vue
@@ -44,7 +44,7 @@
             <!--            <th/>-->
             <th />
             <th>Saldo</th>
-            <th v-for="amount in sums" class="border-left">
+            <th v-for="amount in sums" class="border-left" :class="{ inplus: amount > 0, inminus: amount < 0 }">
               <span class="bold">{{ amount }}</span>
             </th>
           </tr>
diff --git a/src/main/webapp/content/css/loading.css b/src/main/webapp/content/css/loading.css
index 808051a..a25ff5a 100644
--- a/src/main/webapp/content/css/loading.css
+++ b/src/main/webapp/content/css/loading.css
@@ -173,3 +173,11 @@ th.rotate > div {
   text-decoration: line-through;
   color: lightgray;
 }
+
+.inplus {
+  background-color: lightgreen;
+}
+
+.inminus {
+  background-color: red;
+}