diff --git a/ui/components/ui/review-spending-cap/index.scss b/ui/components/ui/review-spending-cap/index.scss
index 110edfdf4a59..fdcb3d5626c6 100644
--- a/ui/components/ui/review-spending-cap/index.scss
+++ b/ui/components/ui/review-spending-cap/index.scss
@@ -8,7 +8,7 @@
       width: 180px;
 
       &__warning-icon {
-        color: var(--color-warning-default);
+        color: var(--color-error-default);
       }
 
       &__question-icon {
diff --git a/ui/components/ui/review-spending-cap/review-spending-cap.js b/ui/components/ui/review-spending-cap/review-spending-cap.js
index 760471628e8b..38761de631c1 100644
--- a/ui/components/ui/review-spending-cap/review-spending-cap.js
+++ b/ui/components/ui/review-spending-cap/review-spending-cap.js
@@ -70,7 +70,7 @@ export default function ReviewSpendingCap({
                         key="tooltip-text"
                         variant={TYPOGRAPHY.H7}
                         fontWeight={FONT_WEIGHT.BOLD}
-                        color={COLORS.WARNING_DEFAULT}
+                        color={COLORS.ERROR_DEFAULT}
                       >
                         <i className="fa fa-exclamation-circle" />{' '}
                         {t('beCareful')}
@@ -110,7 +110,7 @@ export default function ReviewSpendingCap({
           as={TYPOGRAPHY.H6}
           color={
             tokenValue > currentTokenBalance
-              ? COLORS.WARNING_DEFAULT
+              ? COLORS.ERROR_DEFAULT
               : COLORS.TEXT_DEFAULT
           }
           variant={TYPOGRAPHY.H6}