highlight pending delegation time

nym-wallet/src/pages/delegate/SuccessView.tsx

@@ -1,5 +1,5 @@
 import React, { useContext } from 'react';
-import { Box } from '@mui/material';
+import { Box, Stack, Typography } from '@mui/material';
 import { SuccessReponse, TransactionDetails } from '../../components';
 import { ClientContext } from '../../context/main';
 
@@ -9,7 +9,14 @@ export const SuccessView: React.FC<{ details?: { amount: string; address: string
     <>
       <SuccessReponse
         title="Delegation Request Complete"
-        subtitle="Successfully requested delegation to node. Note it may take up to one hour to take effect "
+        subtitle={
+          <Stack alignItems="center" spacing={1}>
+            <Typography>Successfully requested delegation to node </Typography>
+            <Typography sx={{ textDecoration: 'underline', fontWeight: 600 }}>
+              Note it may take up to one hour to take effect
+            </Typography>
+          </Stack>
+        }
         caption={`Your current balance is: ${userBalance.balance?.printable_balance}`}
       />
       {details && (