diff --git a/packages/strapi-admin/admin/src/components/Users/Filter/Text.js b/packages/strapi-admin/admin/src/components/Users/Filter/Text.js
deleted file mode 100644
index 8a748a7afd..0000000000
--- a/packages/strapi-admin/admin/src/components/Users/Filter/Text.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-import { Text as Base } from '@buffetjs/core';
-
-const Text = styled(Base)`
-  color: inherit;
-  font-weight: ${({ fontWeight }) => fontWeight};
-`;
-
-Text.defaultProps = {
-  as: 'span',
-  fontWeight: 400,
-};
-
-export default Text;
diff --git a/packages/strapi-admin/admin/src/components/Users/Filter/index.js b/packages/strapi-admin/admin/src/components/Users/Filter/index.js
index 430e9aa566..d78790d20b 100644
--- a/packages/strapi-admin/admin/src/components/Users/Filter/index.js
+++ b/packages/strapi-admin/admin/src/components/Users/Filter/index.js
@@ -1,18 +1,21 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useIntl } from 'react-intl';
-import { Option } from '@buffetjs/core';
-import Text from './Text';
+import { Option, Text } from '@buffetjs/core';
 
 const Filter = ({ displayName, filter, name, onClick, value }) => {
   const { formatMessage } = useIntl();
   const label = (
     <>
-      <Text>{displayName}</Text>
-      <Text fontWeight="700">
+      <Text color="mediumBlue" as="span">
+        {displayName}
+      </Text>
+      <Text as="span" color="mediumBlue" fontWeight="bold">
         &nbsp;{formatMessage({ id: `components.FilterOptions.FILTER_TYPES.${filter}` })}&nbsp;
       </Text>
-      <Text>{value}</Text>
+      <Text as="span" color="mediumBlue">
+        {value}
+      </Text>
     </>
   );