diff --git a/src/components/HeaderDropdown/index.tsx b/src/components/HeaderDropdown/index.tsx
index b77a8ded..e36334f2 100644
--- a/src/components/HeaderDropdown/index.tsx
+++ b/src/components/HeaderDropdown/index.tsx
@@ -32,7 +32,9 @@ const HeaderDropdown: React.FC<HeaderDropdownProps> = ({
   const { styles } = useStyles();
   return (
     <Dropdown
-      overlayClassName={classNames(styles.dropdown, cls)}
+      classNames={{
+        root: classNames(styles.dropdown, cls),
+      }}
       {...restProps}
     />
   );
diff --git a/src/pages/Admin.tsx b/src/pages/Admin.tsx
index 607feb3d..b8cb281f 100644
--- a/src/pages/Admin.tsx
+++ b/src/pages/Admin.tsx
@@ -15,7 +15,7 @@ const Admin: React.FC = () => {
     >
       <Card>
         <Alert
-          message={intl.formatMessage({
+          title={intl.formatMessage({
             id: 'pages.welcome.alertMessage',
             defaultMessage:
               'Faster and stronger heavy-duty components have been released.',
diff --git a/src/pages/table-list/index.tsx b/src/pages/table-list/index.tsx
index d1d08f44..e8f81d08 100644
--- a/src/pages/table-list/index.tsx
+++ b/src/pages/table-list/index.tsx
@@ -312,7 +312,7 @@ const TableList: React.FC = () => {
       )}
 
       <Drawer
-        width={600}
+        size={600}
         open={showDetail}
         onClose={() => {
           setCurrentRow(undefined);
diff --git a/src/pages/user/login/index.tsx b/src/pages/user/login/index.tsx
index ff76f4dc..c27e4bcd 100644
--- a/src/pages/user/login/index.tsx
+++ b/src/pages/user/login/index.tsx
@@ -103,7 +103,7 @@ const LoginMessage: React.FC<{
       style={{
         marginBottom: 24,
       }}
-      message={content}
+      title={content}
       type="error"
       showIcon
     />