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",