ui top bar

nym-wallet/src/components/Accounts/AccountAvatar.tsx

@@ -4,7 +4,7 @@ import stc from 'string-to-color';
 import { TAccount } from 'src/types';
 
 export const AccountAvatar = ({ name, small }: { name: TAccount['name']; small?: boolean }) => (
-  <Avatar sx={{ bgcolor: stc(name), ...(small ? { width: 25, height: 25 } : {}) }}>
+  <Avatar sx={{ bgcolor: stc(name), ...(small ? { width: 20, height: 20, pb: '1px' } : {}) }}>
     <Typography fontSize={small ? 14 : 'inherit'} fontWeight={600}>
       {name?.split('')[0]}
     </Typography>

nym-wallet/src/components/Accounts/AccountOverview.tsx

@@ -6,7 +6,7 @@ import { AccountAvatar } from './AccountAvatar';
 export const AccountOverview = ({ account, onClick }: { account: AccountEntry; onClick: () => void }) => (
   <Button
     startIcon={<AccountAvatar name={account.id} small />}
-    sx={{ color: 'text.primary' }}
+    sx={{ color: 'text.primary', fontSize: 14 }}
     color="inherit"
     onClick={onClick}
   >

nym-wallet/src/components/NetworkSelector.tsx

@@ -40,7 +40,7 @@ export const NetworkSelector = () => {
       <Button
         variant="text"
         color="inherit"
-        sx={{ color: 'text.primary' }}
+        sx={{ color: 'text.primary', fontSize: 14 }}
         onClick={handleClick}
         disableElevation
         endIcon={<ArrowDropDown sx={{ color: (theme) => `1px solid ${theme.palette.text.primary}` }} />}