diff --git a/ui/components/app/cancel-speedup-popover/cancel-speedup-popover.js b/ui/components/app/cancel-speedup-popover/cancel-speedup-popover.js
index 8a1fe2e4a..ee395d672 100644
--- a/ui/components/app/cancel-speedup-popover/cancel-speedup-popover.js
+++ b/ui/components/app/cancel-speedup-popover/cancel-speedup-popover.js
@@ -1,6 +1,5 @@
 import { useSelector } from 'react-redux';
 import React, { useEffect } from 'react';
-import { Text } from '../../component-library';
 import { EditGasModes, PriorityLevels } from '../../../../shared/constants/gas';
 import {
   AlignItems,
@@ -116,7 +115,7 @@ const CancelSpeedupPopover = () => {
             position="top"
             contentText={
               <>
-                <Text>
+                <Text variant={TextVariant.bodySm}>
                   {t('cancelSpeedUpTransactionTooltip', [
                     editGasMode === EditGasModes.cancel
                       ? t('cancel')
@@ -124,6 +123,7 @@ const CancelSpeedupPopover = () => {
                   ])}
                 </Text>
                 <ButtonLink
+                  variant={TextVariant.bodySm}
                   href="https://community.metamask.io/t/how-to-speed-up-or-cancel-transactions-on-metamask/3296"
                   target="_blank"
                 >