diff --git a/src/message/src/Message.tsx b/src/message/src/Message.tsx
index 9150abeae..1ee886714 100644
--- a/src/message/src/Message.tsx
+++ b/src/message/src/Message.tsx
@@ -130,7 +130,7 @@ export default defineComponent({
             : 'flex-end'
         }}
       >
-        <div class={`${mergedClsPrefix}-message`}>
+        <div class={`${mergedClsPrefix}-message ${mergedClsPrefix}-message--${type}-type`}>
           <div
             class={`${mergedClsPrefix}-message__icon ${mergedClsPrefix}-message__icon--${type}-type`}
           >