align fee column to the right

client/src/scenes/IncidentsReport/index.js

@@ -27,6 +27,12 @@ class IncidentsReport extends Component {
                 const columnTitle = incidentsReportHeaderTitles[header];
 
                 if (columnTitle){
+                    const columnAlignments = {
+                        left: 'left',
+                        right: 'right',
+                    };
+                    let columnContentsAlignment = columnAlignments.left;
+
                     columns.push({
                         Header: incidentsReportHeaderTitles[header],
                         accessor: header,
@@ -55,14 +61,16 @@ class IncidentsReport extends Component {
 
                                 case 'totalChargeFee':
                                     const totalFee = props.value ? props.value : props.row['_original'].incidentPrice;
-                                    cellValue = `$ ${totalFee}`;
+                                    const totalFeeFormatted = parseFloat(totalFee).toFixed(2);
+                                    cellValue = `$ ${totalFeeFormatted}`;
+                                    columnContentsAlignment = columnAlignments.right;
                                     break;
 
                                 default:
                                     cellValue = props.value;
                             }
 
-                            return <span>{cellValue}</span>
+                            return <div style={{ textAlign: columnContentsAlignment }}>{cellValue}</div>
                         }
                     });
                 }