From 7406eeff14cb02ea730d19e5d7859582ab178071 Mon Sep 17 00:00:00 2001
From: Gala <calero.vg@gmail.com>
Date: Thu, 11 Aug 2022 14:11:57 +0200
Subject: [PATCH] ui top bar

---
 nym-wallet/src/components/Accounts/AccountAvatar.tsx   | 2 +-
 nym-wallet/src/components/Accounts/AccountOverview.tsx | 2 +-
 nym-wallet/src/components/NetworkSelector.tsx          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/nym-wallet/src/components/Accounts/AccountAvatar.tsx b/nym-wallet/src/components/Accounts/AccountAvatar.tsx
index 9335c1a743..c5ed939f2d 100644
--- a/nym-wallet/src/components/Accounts/AccountAvatar.tsx
+++ b/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>
diff --git a/nym-wallet/src/components/Accounts/AccountOverview.tsx b/nym-wallet/src/components/Accounts/AccountOverview.tsx
index 5df9cdf2ed..95c3245ae3 100644
--- a/nym-wallet/src/components/Accounts/AccountOverview.tsx
+++ b/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}
   >
diff --git a/nym-wallet/src/components/NetworkSelector.tsx b/nym-wallet/src/components/NetworkSelector.tsx
index 537815b6fb..00da844d3b 100644
--- a/nym-wallet/src/components/NetworkSelector.tsx
+++ b/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}` }} />}