diff --git a/components/alert/index.jsx b/components/alert/index.jsx
index a02b244a1..53ad294ea 100644
--- a/components/alert/index.jsx
+++ b/components/alert/index.jsx
@@ -103,19 +103,20 @@ const Alert = {
       }
     }
 
+    // closeable when closeText is assigned
+    if (closeText) {
+      closable = true
+    }
+
     const alertCls = classNames(prefixCls, {
       [`${prefixCls}-${type}`]: true,
       [`${prefixCls}-close`]: !closing,
       [`${prefixCls}-with-description`]: !!description,
       [`${prefixCls}-no-icon`]: !showIcon,
       [`${prefixCls}-banner`]: !!banner,
+      [`${prefixCls}-closable`]: closable,
     })
 
-    // closeable when closeText is assigned
-    if (closeText) {
-      closable = true
-    }
-
     const closeIcon = closable ? (
       <a onClick={this.handleClose} class={`${prefixCls}-close-icon`}>
         {closeText || <Icon type='close' />}