diff --git a/package-lock.json b/package-lock.json
index 3ffd502..b1aec59 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,7 +13,7 @@
         "@brighthr/component-avatar": "^1.1.3",
         "@brighthr/component-badge": "^2.3.3",
         "@brighthr/component-breadcrumb": "^1.1.3",
-        "@brighthr/component-button": "^2.1.4",
+        "@brighthr/component-button": "^3.0.3",
         "@brighthr/component-checkbox": "^2.0.0",
         "@brighthr/component-contextmenu": "^2.2.2",
         "@brighthr/component-datepicker": "^2.2.5",
@@ -2224,12 +2224,12 @@
       }
     },
     "node_modules/@brighthr/component-button": {
-      "version": "2.1.5",
-      "resolved": "https://registry.npmjs.org/@brighthr/component-button/-/component-button-2.1.5.tgz",
-      "integrity": "sha512-IAgSVfiX7TEd4MqaleeYHKT/GEKJxkJmK7rUv36C92dqRcfd0zSWTyIJP+FqT3UJXQ3ALnsZnJTPHsTU0wNU0w==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@brighthr/component-button/-/component-button-3.0.3.tgz",
+      "integrity": "sha512-QuzAwQnPNCtE5b8kGIoWYy+zgYlW+0n+PrOOTY2VnFiCVRLdycI7ZTGr06MtERuujkMuAmNSM3NiyamQv0fvNA==",
       "dependencies": {
-        "@brighthr/component-icon": "^2.1.4",
         "@brighthr/component-spinner": "^1.0.1",
+        "@brighthr/icons": "^1.128.0",
         "classnames": "^2.3.1"
       },
       "peerDependencies": {
@@ -2341,6 +2341,19 @@
         "react": ">=16.9.0"
       }
     },
+    "node_modules/@brighthr/component-employeepicker/node_modules/@brighthr/component-button": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@brighthr/component-button/-/component-button-2.1.5.tgz",
+      "integrity": "sha512-IAgSVfiX7TEd4MqaleeYHKT/GEKJxkJmK7rUv36C92dqRcfd0zSWTyIJP+FqT3UJXQ3ALnsZnJTPHsTU0wNU0w==",
+      "dependencies": {
+        "@brighthr/component-icon": "^2.1.4",
+        "@brighthr/component-spinner": "^1.0.1",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
     "node_modules/@brighthr/component-file-selector": {
       "version": "1.1.7",
       "resolved": "https://registry.npmjs.org/@brighthr/component-file-selector/-/component-file-selector-1.1.7.tgz",
@@ -2356,6 +2369,19 @@
         "react": ">=16.9.0"
       }
     },
+    "node_modules/@brighthr/component-file-selector/node_modules/@brighthr/component-button": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@brighthr/component-button/-/component-button-2.1.5.tgz",
+      "integrity": "sha512-IAgSVfiX7TEd4MqaleeYHKT/GEKJxkJmK7rUv36C92dqRcfd0zSWTyIJP+FqT3UJXQ3ALnsZnJTPHsTU0wNU0w==",
+      "dependencies": {
+        "@brighthr/component-icon": "^2.1.4",
+        "@brighthr/component-spinner": "^1.0.1",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
     "node_modules/@brighthr/component-icon": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@brighthr/component-icon/-/component-icon-2.1.5.tgz",
@@ -2429,6 +2455,19 @@
         "react-dom": ">=16.9.0"
       }
     },
+    "node_modules/@brighthr/component-modal/node_modules/@brighthr/component-button": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@brighthr/component-button/-/component-button-2.1.5.tgz",
+      "integrity": "sha512-IAgSVfiX7TEd4MqaleeYHKT/GEKJxkJmK7rUv36C92dqRcfd0zSWTyIJP+FqT3UJXQ3ALnsZnJTPHsTU0wNU0w==",
+      "dependencies": {
+        "@brighthr/component-icon": "^2.1.4",
+        "@brighthr/component-spinner": "^1.0.1",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
     "node_modules/@brighthr/component-navigation": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/@brighthr/component-navigation/-/component-navigation-2.0.2.tgz",
@@ -2525,6 +2564,19 @@
         "react": ">=16.9.0"
       }
     },
+    "node_modules/@brighthr/component-split-button/node_modules/@brighthr/component-button": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@brighthr/component-button/-/component-button-2.1.5.tgz",
+      "integrity": "sha512-IAgSVfiX7TEd4MqaleeYHKT/GEKJxkJmK7rUv36C92dqRcfd0zSWTyIJP+FqT3UJXQ3ALnsZnJTPHsTU0wNU0w==",
+      "dependencies": {
+        "@brighthr/component-icon": "^2.1.4",
+        "@brighthr/component-spinner": "^1.0.1",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
     "node_modules/@brighthr/component-styled-tab": {
       "version": "3.3.7",
       "resolved": "https://registry.npmjs.org/@brighthr/component-styled-tab/-/component-styled-tab-3.3.7.tgz",
@@ -2600,6 +2652,19 @@
         "react": ">=16.9.0"
       }
     },
+    "node_modules/@brighthr/component-timepicker/node_modules/@brighthr/component-button": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@brighthr/component-button/-/component-button-2.1.5.tgz",
+      "integrity": "sha512-IAgSVfiX7TEd4MqaleeYHKT/GEKJxkJmK7rUv36C92dqRcfd0zSWTyIJP+FqT3UJXQ3ALnsZnJTPHsTU0wNU0w==",
+      "dependencies": {
+        "@brighthr/component-icon": "^2.1.4",
+        "@brighthr/component-spinner": "^1.0.1",
+        "classnames": "^2.3.1"
+      },
+      "peerDependencies": {
+        "react": ">=16.9.0"
+      }
+    },
     "node_modules/@brighthr/component-toast": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/@brighthr/component-toast/-/component-toast-2.0.1.tgz",
diff --git a/package.json b/package.json
index ed85513..0cb9f51 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     "@brighthr/component-avatar": "^1.1.3",
     "@brighthr/component-badge": "^2.3.3",
     "@brighthr/component-breadcrumb": "^1.1.3",
-    "@brighthr/component-button": "^2.1.4",
+    "@brighthr/component-button": "^3.0.3",
     "@brighthr/component-checkbox": "^2.0.0",
     "@brighthr/component-contextmenu": "^2.2.2",
     "@brighthr/component-datepicker": "^2.2.5",