From 8394dcd8267d05b0fe18898014bf6cc80a03c0ba Mon Sep 17 00:00:00 2001
From: Elyor Djalilov <edjalilov.dev@gmail.com>
Date: Fri, 12 May 2023 15:53:47 +0500
Subject: [PATCH] Client: PortalSettings: Security: fix display remove ip icon

---
 .../categories/security/sub-components/user-fields.js          | 3 +++
 packages/components/themes/base.js                             | 1 +
 packages/components/themes/dark.js                             | 1 +
 3 files changed, 5 insertions(+)

diff --git a/packages/client/src/pages/PortalSettings/categories/security/sub-components/user-fields.js b/packages/client/src/pages/PortalSettings/categories/security/sub-components/user-fields.js
index 5f666c9d24..3cc148cee1 100644
--- a/packages/client/src/pages/PortalSettings/categories/security/sub-components/user-fields.js
+++ b/packages/client/src/pages/PortalSettings/categories/security/sub-components/user-fields.js
@@ -20,6 +20,9 @@ StyledPlusIcon.defaultProps = { theme: Base };
 const StyledTrashIcon = styled(TrashIcon)`
   ${commonIconsStyles}
   cursor: pointer;
+  path {
+    fill: ${(props) => props.theme.client.settings.trashIcon};
+  }
 `;
 
 const StyledInputWrapper = styled.div`
diff --git a/packages/components/themes/base.js b/packages/components/themes/base.js
index d8c0bf8821..0bf8c8bfad 100644
--- a/packages/components/themes/base.js
+++ b/packages/components/themes/base.js
@@ -2927,6 +2927,7 @@ const Base = {
 
     settings: {
       iconFill: black,
+      trashIcon: "#A3A9AE",
       article: {
         titleColor: grayMain,
         fillIcon: "dimgray",
diff --git a/packages/components/themes/dark.js b/packages/components/themes/dark.js
index 344fde6cae..939851709b 100644
--- a/packages/components/themes/dark.js
+++ b/packages/components/themes/dark.js
@@ -2931,6 +2931,7 @@ const Dark = {
 
     settings: {
       iconFill: white,
+      trashIcon: "#858585",
       article: {
         titleColor: "#c4c4c4",
         fillIcon: "#c4c4c4",