refactor: Use currentColor for the icon

safe-global · Nov 6, 2023 · 707a103 · 707a103
1 parent 7aea373
commit 707a103
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/src/components/common/icons/KeyholeIcon/index.tsx b/src/components/common/icons/KeyholeIcon/index.tsx
@@ -15,14 +15,12 @@ const KeyholeIcon = ({ size = 28 }: { size?: number }) => {
       className={css.badge}
     >
       <SvgIcon
+        color="border"
         component={LockIcon}
         inheritViewBox
         sx={{
           height: size,
           width: size,
-          '& path': {
-            fill: ({ palette }) => palette.border.main,
-          },
         }}
       />
     </Badge>

diff --git a/src/components/sidebar/SafeList/index.tsx b/src/components/sidebar/SafeList/index.tsx
@@ -148,7 +148,7 @@ const SafeList = ({ closeDrawer }: { closeDrawer?: () => void }): ReactElement =
           ) : (
             <Box display="flex" flexDirection="column" alignItems="center" gap={3} maxWidth={250}>
               <Box display="flex" alignItems="center" justifyContent="center">
-                <KeyholeIcon />
+                <KeyholeIcon size={40} />
               </Box>
 
               <Typography variant="body2" color="primary.light" textAlign="center" sx={{ textWrap: 'balance' }}>