diff --git a/src/components/tx/ErrorMessage/index.tsx b/src/components/tx/ErrorMessage/index.tsx
index 5f6cc07932..bbae5fc712 100644
--- a/src/components/tx/ErrorMessage/index.tsx
+++ b/src/components/tx/ErrorMessage/index.tsx
@@ -26,7 +26,12 @@ const ErrorMessage = ({
   return (
     <div className={classNames(css.container, css[level], className, 'errorMessage')}>
       <div className={css.message}>
-        <SvgIcon component={level === 'info' ? InfoIcon : WarningIcon} inheritViewBox fontSize="small" />
+        <SvgIcon
+          component={level === 'info' ? InfoIcon : WarningIcon}
+          inheritViewBox
+          fontSize="small"
+          sx={{ color: ({ palette }) => `${palette[level].main} !important` }}
+        />
 
         <div>
           <Typography variant="body2" component="span">