Fix: profit and percentage chart labels margin

new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js

@@ -202,7 +202,9 @@ const SystemPerformance = () => {
           </Grid>
           <Grid container className={classes.gridContainer}>
             <Grid item xs={8}>
-              <Label2>Profit from commissions</Label2>
+              <Label2 className={classes.labelMargin}>
+                Profit from commissions
+              </Label2>
               <div className={classes.profitContainer}>
                 <div className={classes.profitLabel}>
                   {`${getProfit(transactionsToShow)} ${
@@ -223,8 +225,8 @@ const SystemPerformance = () => {
             </Grid>
             <Grid item xs={4}>
               <Grid container>
-                <Grid item style={{ marginRight: 34 }}>
-                  <Label2>Direction</Label2>
+                <Grid item>
+                  <Label2 className={classes.labelMargin}>Direction</Label2>
                 </Grid>
                 <Grid
                   item

new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.styles.js

@@ -130,6 +130,10 @@ const styles = {
     height: 16,
     marginBottom: -2,
     marginRight: 4
+  },
+  labelMargin: {
+    marginBottom: 20,
+    marginRight: 32
   }
 }
 

new-lamassu-admin/src/styling/icons/dashboard/down.svg

@@ -9,4 +9,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>

new-lamassu-admin/src/styling/icons/dashboard/equal.svg

@@ -9,4 +9,4 @@
             <line x1="0" y1="3" x2="4" y2="3" id="Line-12"></line>
         </g>
     </g>
-</svg>
+</svg>

new-lamassu-admin/src/styling/icons/dashboard/up.svg

@@ -9,4 +9,4 @@
             </g>
         </g>
     </g>
-</svg>
+</svg>