From a394c9b59a12fe8a78701103bae38d38e4df6b7b Mon Sep 17 00:00:00 2001
From: Gala <calero.vg@gmail.com>
Date: Wed, 14 Sep 2022 14:48:30 +0200
Subject: [PATCH] PR requested changes

---
 nym-wallet/src/components/Delegation/DelegateModal.tsx | 2 +-
 nym-wallet/src/components/NymCard.tsx                  | 4 ++--
 nym-wallet/src/layouts/AppLayout.tsx                   | 4 +---
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/nym-wallet/src/components/Delegation/DelegateModal.tsx b/nym-wallet/src/components/Delegation/DelegateModal.tsx
index 02aa92ecb1..44fa1e58ec 100644
--- a/nym-wallet/src/components/Delegation/DelegateModal.tsx
+++ b/nym-wallet/src/components/Delegation/DelegateModal.tsx
@@ -211,7 +211,7 @@ export const DelegateModal: React.FC<{
           initialValue={identityKey}
           readOnly={Boolean(initialIdentityKey)}
           textFieldProps={{
-            focused: !initialIdentityKey,
+            autoFocus: !initialIdentityKey,
           }}
         />
       </Box>
diff --git a/nym-wallet/src/components/NymCard.tsx b/nym-wallet/src/components/NymCard.tsx
index 8213e0ca74..8dcefd415d 100644
--- a/nym-wallet/src/components/NymCard.tsx
+++ b/nym-wallet/src/components/NymCard.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Box, Card, CardContent, CardHeader } from '@mui/material';
+import { Card, CardContent, CardHeader } from '@mui/material';
 import { styled, Theme } from '@mui/material/styles';
 import { Title } from './Title';
 
@@ -23,7 +23,7 @@ export const NymCard: React.FC<{
     <CardHeader
       sx={{
         p: 3,
-        color: (theme: Theme) => theme.palette.text.primary,
+        color: 'text.primary',
         '& .MuiCardHeader-title h5': { fontSize: '1.25rem' },
       }}
       title={<Title title={title} Icon={Icon} />}
diff --git a/nym-wallet/src/layouts/AppLayout.tsx b/nym-wallet/src/layouts/AppLayout.tsx
index 0f2b77a5cb..3745eead86 100644
--- a/nym-wallet/src/layouts/AppLayout.tsx
+++ b/nym-wallet/src/layouts/AppLayout.tsx
@@ -39,9 +39,7 @@ export const ApplicationLayout: React.FC = ({ children }) => {
             <Nav />
           </Box>
           {appVersion && (
-            <Typography sx={{ color: (t) => t.palette.grey[500], fontSize: 14, ml: 5, mt: 8 }}>
-              Version {appVersion}
-            </Typography>
+            <Typography sx={{ color: 'grey.500', fontSize: 14, ml: 5, mt: 8 }}>Version {appVersion}</Typography>
           )}
         </Box>
         <Container maxWidth="xl">