diff --git a/packages/zarm/src/message/__tests__/__snapshots__/index.test.jsx.snap b/packages/zarm/src/message/__tests__/__snapshots__/index.test.jsx.snap
index f04120538..05b829928 100644
--- a/packages/zarm/src/message/__tests__/__snapshots__/index.test.jsx.snap
+++ b/packages/zarm/src/message/__tests__/__snapshots__/index.test.jsx.snap
@@ -69,7 +69,7 @@ exports[`Message closable 1`] = `
 
 exports[`Message hasArrow 1`] = `
 <div
-  className="za-message za-message--primary"
+  className="za-message za-message--primary za-message--link"
   onClick={[Function]}
 >
   <div
diff --git a/packages/zarm/src/message/index.tsx b/packages/zarm/src/message/index.tsx
index 197c49fc5..336c7404b 100644
--- a/packages/zarm/src/message/index.tsx
+++ b/packages/zarm/src/message/index.tsx
@@ -46,6 +46,7 @@ export default class Message extends PureComponent<MessageProps, MessageState> {
     const classes = classnames(prefixCls, className, {
       [`${prefixCls}--${theme}`]: !!theme,
       [`${prefixCls}--${size}`]: !!size,
+      [`${prefixCls}--link`]: !!hasArrow,
     });
 
     const iconRender = icon && <div className={`${prefixCls}__icon`}>{icon}</div>;
diff --git a/packages/zarm/src/message/style/component.scss b/packages/zarm/src/message/style/component.scss
index 74e319d20..5f118db72 100644
--- a/packages/zarm/src/message/style/component.scss
+++ b/packages/zarm/src/message/style/component.scss
@@ -19,7 +19,6 @@
 
     @include b(icon) {
       font-size: var(--message-icon-size-md);
-      cursor: pointer;
     }
   }
 
@@ -42,6 +41,10 @@
     }
   }
 
+  @include m(link) {
+    cursor: pointer;
+  }
+
   @include m(primary) {
     @include message-theme(var(--theme-primary));
   }