From 935831658f770ef263641e0183bda59dfeb2903d Mon Sep 17 00:00:00 2001
From: Harsh Shukla <125105825+PrgrmrHarshShukla@users.noreply.github.com>
Date: Tue, 25 Apr 2023 18:57:46 +0530
Subject: [PATCH] Update fee-card.js (#18746)

Co-authored-by: legobeat <109787230+legobeat@users.noreply.github.com>
---
 ui/pages/swaps/fee-card/fee-card.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/ui/pages/swaps/fee-card/fee-card.js b/ui/pages/swaps/fee-card/fee-card.js
index f65c1c164..153174520 100644
--- a/ui/pages/swaps/fee-card/fee-card.js
+++ b/ui/pages/swaps/fee-card/fee-card.js
@@ -6,15 +6,15 @@ import InfoTooltip from '../../../components/ui/info-tooltip';
 import { CHAIN_IDS } from '../../../../shared/constants/network';
 import TransactionDetail from '../../../components/app/transaction-detail/transaction-detail.component';
 import TransactionDetailItem from '../../../components/app/transaction-detail-item/transaction-detail-item.component';
-import Typography from '../../../components/ui/typography';
 import {
   TextColor,
-  TypographyVariant,
-  FONT_WEIGHT,
+  TextVariant,
+  FontWeight,
 } from '../../../helpers/constants/design-system';
 import { MetaMetricsContext } from '../../../contexts/metametrics';
 import { MetaMetricsEventCategory } from '../../../../shared/constants/metametrics';
 import { getUseCurrencyRateCheck } from '../../../selectors';
+import { Text } from '../../../components/component-library';
 
 const GAS_FEES_LEARN_MORE_URL =
   'https://community.metamask.io/t/what-is-gas-why-do-transactions-take-so-long/3172';
@@ -120,14 +120,14 @@ export default function FeeCard({
                 (secondaryFee?.maxFee !== undefined ||
                   primaryFee?.maxFee !== undefined) && (
                   <>
-                    <Typography
+                    <Text
                       as="span"
-                      fontWeight={FONT_WEIGHT.BOLD}
+                      fontWeight={FontWeight.Bold}
                       color={TextColor.textAlternative}
-                      variant={TypographyVariant.H7}
+                      variant={TextVariant.bodySm}
                     >
                       {t('maxFee')}
-                    </Typography>
+                    </Text>
                     {useCurrencyRateCheck
                       ? `: ${secondaryFee.maxFee}`
                       : `: ${primaryFee.maxFee}`}