From bca5adcd3d1dfb7b1d3bd01c941e39a65bbeba4d Mon Sep 17 00:00:00 2001
From: vincentbpro <89356961+vincentbpro@users.noreply.github.com>
Date: Mon, 28 Feb 2022 10:54:51 +0100
Subject: [PATCH] fix(dark-mode): fixed UnP email templates icons

---
 .../EmailTemplates/components/EmailTable.js   | 29 +++++++++++--------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js
index f81d369345..973ea11be6 100644
--- a/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js
+++ b/packages/plugins/users-permissions/admin/src/pages/EmailTemplates/components/EmailTable.js
@@ -5,6 +5,7 @@ import { Table, Thead, Tbody, Tr, Td, Th } from '@strapi/design-system/Table';
 import { VisuallyHidden } from '@strapi/design-system/VisuallyHidden';
 import { Typography } from '@strapi/design-system/Typography';
 import { IconButton } from '@strapi/design-system/IconButton';
+import { Icon } from '@strapi/design-system/Icon';
 import Pencil from '@strapi/icons/Pencil';
 import Reload from '@strapi/icons/Refresh';
 import { onRowClick, stopPropagation } from '@strapi/helper-plugin';
@@ -47,12 +48,14 @@ const EmailTable = ({ canUpdate, onEditClick }) => {
       <Tbody>
         <Tr {...onRowClick({ fn: () => onEditClick('reset_password') })}>
           <Td>
-            <Reload
-              aria-label={formatMessage({
-                id: getTrad('Email.template.reset_password'),
-                defaultMessage: 'Reset password',
-              })}
-            />
+            <Icon>
+              <Reload
+                aria-label={formatMessage({
+                  id: getTrad('Email.template.reset_password'),
+                  defaultMessage: 'Reset password',
+                })}
+              />
+            </Icon>
           </Td>
           <Td>
             <Typography>
@@ -76,12 +79,14 @@ const EmailTable = ({ canUpdate, onEditClick }) => {
         </Tr>
         <Tr {...onRowClick({ fn: () => onEditClick('email_confirmation') })}>
           <Td>
-            <Check
-              aria-label={formatMessage({
-                id: getTrad('Email.template.email_confirmation'),
-                defaultMessage: 'Email address confirmation',
-              })}
-            />
+            <Icon>
+              <Check
+                aria-label={formatMessage({
+                  id: getTrad('Email.template.email_confirmation'),
+                  defaultMessage: 'Email address confirmation',
+                })}
+              />
+            </Icon>
           </Td>
           <Td>
             <Typography>