fix: align text and caption left so it appears correctly in extension…

… view
Nithishvb · Oct 17, 2023 · bd25751 · bd25751
1 parent 529c03d
commit bd25751
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/app/components/crypto-assets/components/asset-row-grid.tsx b/src/app/components/crypto-assets/components/asset-row-grid.tsx
@@ -9,11 +9,11 @@ interface AssetRowGridProps {
 export function AssetRowGrid({ title, balance, caption, usdBalance }: AssetRowGridProps) {
   return (
     <Grid columns={2} gridTemplateColumns="2fr 1fr" gridTemplateRows={2} gap={0}>
-      <GridItem whiteSpace="nowrap" overflow="hidden" textOverflow="ellipsis">
+      <GridItem textAlign="left" whiteSpace="nowrap" overflow="hidden" textOverflow="ellipsis">
         {title}
       </GridItem>
       <GridItem textAlign="right">{balance}</GridItem>
-      <GridItem>{caption}</GridItem>
+      <GridItem textAlign="left">{caption}</GridItem>
       {usdBalance && <GridItem>{usdBalance}</GridItem>}
     </Grid>
   );