fix: numeric values formating.

client/src/containers/Purchases/Bills/BillsLanding/components.js

@@ -11,11 +11,11 @@ import {
   ProgressBar,
 } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
-import { FormattedMessage as T } from 'components';
-import { Icon, If, Choose, Money } from 'components';
-import { formattedAmount, safeCallback, isBlank, calculateStatus } from 'utils';
 import moment from 'moment';
 
+import { FormattedMessage as T, Icon, If, Choose, Money } from 'components';
+import { formattedAmount, safeCallback, isBlank, calculateStatus } from 'utils';
+
 /**
  * Actions menu.
  */
@@ -183,6 +183,7 @@ export function useBillsTableColumns() {
         accessor: AmountAccessor,
         width: 120,
         className: 'amount',
+        align: 'right',
         clickable: true,
       },
       {

client/src/containers/Purchases/PaymentMades/PaymentsLanding/PaymentMadeList.js

@@ -2,7 +2,7 @@ import React from 'react';
 
 import 'style/pages/PaymentMade/List.scss';
 
-import { DashboardContentTable, DashboardPageContent } from 'components';
+import { DashboardPageContent } from 'components';
 import PaymentMadeActionsBar from './PaymentMadeActionsBar';
 import PaymentMadesAlerts from '../PaymentMadesAlerts';
 import PaymentMadesTable from './PaymentMadesTable';

client/src/containers/Purchases/PaymentMades/PaymentsLanding/components.js

@@ -10,6 +10,7 @@ import {
   Position,
 } from '@blueprintjs/core';
 import intl from 'react-intl-universal';
+
 import { Icon, Money } from 'components';
 import { safeCallback } from 'utils';
 
@@ -111,6 +112,7 @@ export function usePaymentMadesTableColumns() {
         accessor: AmountAccessor,
         width: 140,
         className: 'amount',
+        align: 'right',
         clickable: true,
       },
       {