diff --git a/app/views/spree/users/_fat.html.haml b/app/views/spree/users/_fat.html.haml
index f1aa38807e..c10cf8254a 100644
--- a/app/views/spree/users/_fat.html.haml
+++ b/app/views/spree/users/_fat.html.haml
@@ -16,7 +16,7 @@
           %td.order2{"bo-text" => "order.completed_at"}
           %td.order3.show-for-large-up{"bo-text" => "'spree.payment_states.' + order.payment_state | t | capitalize"}
           %td.order4.show-for-large-up{"bo-text" => "'spree.shipment_states.' + order.shipment_state | t | capitalize"}
-          %td.order5.text-right{"bo-text" => "order.total | localizeCurrency"}
+          %td.order5.text-right{"ng-class" => "{'credit' : order.total < 0, 'debit' : order.total > 0, 'paid' : order.total == 0}","bo-text" => "order.total | localizeCurrency"}
           %td.order6.text-right.show-for-large-up{"ng-class" => "{'credit' : order.outstanding_balance < 0, 'debit' : order.outstanding_balance > 0, 'paid' : order.outstanding_balance == 0}", "bo-text" => "order.outstanding_balance | localizeCurrency"}
           %td.order7.text-right{"ng-class" => "{'credit' : order.running_balance < 0, 'debit' : order.running_balance > 0, 'paid' : order.running_balance == 0}", "bo-text" => "order.running_balance | localizeCurrency"}
           %tr.payment-row{"ng-repeat" => "payment in order.payments"}
@@ -24,6 +24,6 @@
             %td.order2{"bo-text" => "payment.updated_at"}
             %td.order3.show-for-large-up{"bo-text" => "payment.payment_method"}
             %td.order4.show-for-large-up
-            %td.order5.text-right{"bo-text" => "payment.amount | localizeCurrency"}
+            %td.order5.text-right{"ng-class" => "{'credit' : payment.amount > 0, 'debit' : payment.amount < 0, 'paid' : payment.amount == 0}","bo-text" => "payment.amount | localizeCurrency"}
             %td.order6.show-for-large-up
             %td.order7