buton hover bg and text

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

@@ -6,7 +6,15 @@ import { AccountAvatar } from './AccountAvatar';
 export const AccountOverview = ({ account, onClick }: { account: AccountEntry; onClick: () => void }) => (
   <Button
     startIcon={<AccountAvatar name={account.id} />}
-    sx={{ color: 'text.primary' }}
+    sx={{
+      color: 'text.primary',
+      '&:hover': (t) =>
+        t.palette.mode === 'dark'
+          ? {
+              backgroundColor: 'rgba(255, 255, 255, 0.08)',
+            }
+          : {},
+    }}
     onClick={onClick}
     disableRipple
   >

nym-wallet/src/components/NetworkSelector.tsx

@@ -40,7 +40,16 @@ export const NetworkSelector = () => {
       <Button
         variant="text"
         color="primary"
-        sx={{ color: 'text.primary' }}
+        sx={{
+          color: 'text.primary',
+          fontSize: 14,
+          '&:hover': (t) =>
+            t.palette.mode === 'dark'
+              ? {
+                  backgroundColor: 'rgba(255, 255, 255, 0.08)',
+                }
+              : {},
+        }}
         onClick={handleClick}
         disableElevation
         endIcon={<ArrowDropDown sx={{ color: (theme) => `1px solid ${theme.palette.text.primary}` }} />}