From b562137d239ec4b5eab7bf04bbf971eab68f800f Mon Sep 17 00:00:00 2001
From: fmtabbara <fmtabbara@hotmail.co.uk>
Date: Mon, 6 Dec 2021 10:41:41 +0000
Subject: [PATCH] balance page updates

---
 nym-wallet/src/routes/balance.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/nym-wallet/src/routes/balance.tsx b/nym-wallet/src/routes/balance.tsx
index a481b3b87b..6599023de1 100644
--- a/nym-wallet/src/routes/balance.tsx
+++ b/nym-wallet/src/routes/balance.tsx
@@ -1,6 +1,5 @@
 import React, { useContext } from 'react'
-import { Alert, Button, Grid, Link } from '@mui/material'
-import { Box } from '@mui/system'
+import { Alert, Button, Grid, Link, Typography } from '@mui/material'
 import { OpenInNew } from '@mui/icons-material'
 import { NymCard } from '../components'
 import { Layout } from '../layouts'
@@ -21,10 +20,14 @@ export const Balance = () => {
               </Alert>
             )}
             {!userBalance.error && (
-              <Box data-testid="refresh-success" sx={{ p: 2 }}>
-                {'The current balance is ' +
-                  userBalance.balance?.printable_balance}
-              </Box>
+              <Typography
+                data-testid="refresh-success"
+                sx={{ p: 2, color: 'nym.background.dark' }}
+                variant="h5"
+                fontWeight="700"
+              >
+                {userBalance.balance?.printable_balance}
+              </Typography>
             )}
           </Grid>
           <Grid item>