diff --git a/nym-wallet/src/components/NymCard.tsx b/nym-wallet/src/components/NymCard.tsx index 6457b9fa95..8213e0ca74 100644 --- a/nym-wallet/src/components/NymCard.tsx +++ b/nym-wallet/src/components/NymCard.tsx @@ -21,7 +21,11 @@ export const NymCard: React.FC<{ }> = ({ title, subheader, Action, Icon, noPadding, borderless, children, dataTestid }) => ( theme.palette.text.primary }} + sx={{ + p: 3, + color: (theme: Theme) => theme.palette.text.primary, + '& .MuiCardHeader-title h5': { fontSize: '1.25rem' }, + }} title={} subheader={subheader} data-testid={dataTestid || title} diff --git a/nym-wallet/src/pages/delegation/index.tsx b/nym-wallet/src/pages/delegation/index.tsx index 15cbdbe75f..def6ff0f5a 100644 --- a/nym-wallet/src/pages/delegation/index.tsx +++ b/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"