From 926bf87af9f8762ff14b878d138674edf232d12f Mon Sep 17 00:00:00 2001
From: Wuxh <wxh1220@gmail.com>
Date: Tue, 31 Jan 2023 14:33:59 +0800
Subject: [PATCH] fix: fix Message component icon style (#40471)

* fix: fix Message component icon style

* chore: update
---
 components/message/style/index.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/components/message/style/index.tsx b/components/message/style/index.tsx
index f7ed5f3c5e..bb36329e17 100644
--- a/components/message/style/index.tsx
+++ b/components/message/style/index.tsx
@@ -117,7 +117,7 @@ const genMessageStyle: GenerateStyle<MessageToken> = (token) => {
         padding: paddingXS,
         textAlign: 'center',
 
-        [iconCls]: {
+        [`${componentCls}-custom-content > ${iconCls}`]: {
           verticalAlign: 'text-bottom',
           marginInlineEnd: marginXS, // affected by ltr or rtl
           fontSize: fontSizeLG,
@@ -132,18 +132,18 @@ const genMessageStyle: GenerateStyle<MessageToken> = (token) => {
           pointerEvents: 'all',
         },
 
-        [`${componentCls}-success ${iconCls}`]: {
+        [`${componentCls}-success > ${iconCls}`]: {
           color: colorSuccess,
         },
-        [`${componentCls}-error ${iconCls}`]: {
+        [`${componentCls}-error > ${iconCls}`]: {
           color: colorError,
         },
-        [`${componentCls}-warning ${iconCls}`]: {
+        [`${componentCls}-warning > ${iconCls}`]: {
           color: colorWarning,
         },
         [`
-        ${componentCls}-info ${iconCls},
-        ${componentCls}-loading ${iconCls}`]: {
+        ${componentCls}-info > ${iconCls},
+        ${componentCls}-loading > ${iconCls}`]: {
           color: colorInfo,
         },
       },