From 707a10337670640493f3d2a1368f83851a703850 Mon Sep 17 00:00:00 2001
From: Usame Algan <usame@safe.global>
Date: Mon, 6 Nov 2023 14:41:43 +0100
Subject: [PATCH] refactor: Use currentColor for the icon

---
 src/components/common/icons/KeyholeIcon/index.tsx | 4 +---
 src/components/sidebar/SafeList/index.tsx         | 2 +-
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/common/icons/KeyholeIcon/index.tsx b/src/components/common/icons/KeyholeIcon/index.tsx
index cbf2d306b5..98c76e3762 100644
--- 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
index c004462395..734ae00339 100644
--- 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' }}>