From f5d1ed00db33894d91116441e3ce145e03467649 Mon Sep 17 00:00:00 2001
From: Stefanos Hadjipetrou <stefanos@zimmerman.team>
Date: Mon, 10 Apr 2023 14:14:30 +0300
Subject: [PATCH] chore: right aligned numerical table column values

---
 src/app/components/Table/Simple/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/components/Table/Simple/index.tsx b/src/app/components/Table/Simple/index.tsx
index 6bd814032..2befb5f78 100644
--- a/src/app/components/Table/Simple/index.tsx
+++ b/src/app/components/Table/Simple/index.tsx
@@ -112,7 +112,8 @@ function Row(props: {
                   align-items: center;
                   flex-direction: row;
                   justify-content: ${!Number.isNaN(parseInt(value)) &&
-                  column.name.indexOf("(USD)") > -1
+                  (column.name.indexOf("(USD)") > -1 ||
+                    column.name === "Grants")
                     ? "flex-end"
                     : "flex-start"};
                 `}
@@ -244,7 +245,8 @@ export function SimpleTable(props: SimpleTableProps) {
                 (_c, index) => visibleColumnsIndexes.indexOf(index) > -1
               ).map((column: SimpleTableColumn, index: number) => {
                 let icon = undefined;
-                const monetaryColumn = column.name.indexOf("(USD)") > -1;
+                const monetaryColumn =
+                  column.name.indexOf("(USD)") > -1 || column.name === "Grants";
                 if (sortBySplits.length > 1 && sortBySplits[0] === column.key) {
                   if (sortBySplits[1] === "DESC") {
                     icon = <ArrowDownward />;