spacing between title and content on pages

nym-wallet/src/components/Bonding/Bond.tsx

@@ -14,11 +14,11 @@ export const Bond = ({
     <Box
       sx={{
         display: 'flex',
-        alignItems: 'center',
+        alignItems: 'flex-end',
         justifyContent: 'space-between',
       }}
     >
-      <Typography>Bond a mixnode or a gateway</Typography>
+      <Typography variant="body2">Bond a mixnode or a gateway</Typography>
       <Box
         sx={{
           display: 'flex',

nym-wallet/src/components/NymCard.tsx

@@ -35,7 +35,7 @@ export const NymCard: React.FC<{
     {noPadding ? (
       <CardContentNoPadding>{children}</CardContentNoPadding>
     ) : (
-      <CardContent sx={{ p: 3 }}>{children}</CardContent>
+      <CardContent sx={{ p: 3, paddingTop: 0 }}>{children}</CardContent>
     )}
   </Card>
 );

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

@@ -319,7 +319,7 @@ export const Delegation: FC<{ isStorybook?: boolean }> = ({ isStorybook }) => {
   return (
     <>
       <Paper elevation={0} sx={{ p: 3, mt: 4 }}>
-        <Stack spacing={!!delegations?.length ? 5 : 3}>
+        <Stack spacing={3}>
           <Box display="flex" justifyContent="space-between" alignItems="center">
             <Typography variant="h6" lineHeight={1.334} fontWeight={600}>
               Delegations