fixing nymcard title size and margin in delegations page

nym-wallet/src/components/NymCard.tsx

@@ -21,7 +21,11 @@ export const NymCard: React.FC<{
 }> = ({ title, subheader, Action, Icon, noPadding, borderless, children, dataTestid }) => (
   <Card variant="outlined" sx={{ overflow: 'auto', ...(borderless && { border: 'none', dropShadow: 'none' }) }}>
     <CardHeader
-      sx={{ p: 3, color: (theme: Theme) => theme.palette.text.primary }}
+      sx={{
+        p: 3,
+        color: (theme: Theme) => theme.palette.text.primary,
+        '& .MuiCardHeader-title h5': { fontSize: '1.25rem' },
+      }}
       title={<Title title={title} Icon={Icon} />}
       subheader={subheader}
       data-testid={dataTestid || title}

nym-wallet/src/pages/delegation/index.tsx

@@ -286,10 +286,12 @@ export const Delegation: FC<{ isStorybook?: boolean }> = ({ isStorybook }) => {
 
   return (
     <>
-      <Paper elevation={0} sx={{ p: 3, mt: 4 }}>
+      <Paper elevation={0} sx={{ p: 3, mt: 2 }}>
         <Stack spacing={5}>
           <Box display="flex" justifyContent="space-between" alignItems="center">
-            <Typography variant="h6">Delegations</Typography>
+            <Typography variant="h6" lineHeight={1.334} fontWeight={600}>
+              Delegations
+            </Typography>
             <Link
               href={`${urls(network).networkExplorer}/network-components/mixnodes/`}
               target="_blank"