diff --git a/src/components/button/button_area.js b/src/components/button/button_area.js
index 50bf180..bf882d1 100644
--- a/src/components/button/button_area.js
+++ b/src/components/button/button_area.js
@@ -17,16 +17,17 @@ export default class ButtonArea extends React.Component {
     };
 
     render() {
-        const {direction, children} = this.props;
-        const className = classNames({
+        const {direction, children, className} = this.props;
+        const cls = classNames({
             weui_btn_area: true,
-            weui_btn_area_inline: direction === 'horizontal'
+            weui_btn_area_inline: direction === 'horizontal',
+            [className]: className
         });
 
         return (
-            <div className={className}>
+            <div className={cls}>
                 {children}
             </div>
         );
     }
-};
\ No newline at end of file
+};