diff --git a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/Config/GithubOauthConfig.tsx b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/Config/GithubOauthConfig.tsx
index b91e2343..42dd8f5c 100644
--- a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/Config/GithubOauthConfig.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/Config/GithubOauthConfig.tsx
@@ -32,7 +32,7 @@ const QqOauthConfig = (props: { isCreate: boolean }) => {
     <>
       <ProFormText
         name={['config', 'clientId']}
-        label="Cilent ID"
+        label="CilentId"
         rules={[{ required: true }]}
         fieldProps={{ autoComplete: 'off' }}
         placeholder={intl.formatMessage({
@@ -45,7 +45,7 @@ const QqOauthConfig = (props: { isCreate: boolean }) => {
       <ProFormText.Password
         rules={[{ required: true }]}
         name={['config', 'clientSecret']}
-        label="Client Secret"
+        label="ClientSecret"
         placeholder={intl.formatMessage({
           id: 'pages.authn.identity_provider.config.github_oauth.client_secret.placeholder',
         })}
diff --git a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/CreateModal/CreateModal.tsx b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/CreateModal/CreateModal.tsx
index a2b23947..54748c42 100644
--- a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/CreateModal/CreateModal.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/CreateModal/CreateModal.tsx
@@ -67,7 +67,7 @@ export default (props: CreateDrawerProps) => {
       title={intl.formatMessage({
         id: 'pages.authn.identity_provider.create_modal_title',
       })}
-      width={600}
+      width={580}
       modalProps={{
         forceRender: true,
         onCancel: () => {
diff --git a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/UpdateModal/UpdateModal.tsx b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/UpdateModal/UpdateModal.tsx
index 22deca6c..edca24eb 100644
--- a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/UpdateModal/UpdateModal.tsx
+++ b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/components/UpdateModal/UpdateModal.tsx
@@ -59,7 +59,7 @@ export default (props: CreateDrawerProps) => {
       title={intl.formatMessage({
         id: 'pages.authn.identity_provider.update_modal_title',
       })}
-      width={600}
+      width={580}
       layout={'horizontal'}
       {...DRAWER_FORM_ITEM_LAYOUT}
       modalProps={{
diff --git a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/constant.ts b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/constant.ts
index cdcaafee..f0177bbd 100644
--- a/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/constant.ts
+++ b/eiam-console/src/main/console-fe/src/pages/authn/IdentityProvider/constant.ts
@@ -55,9 +55,9 @@ export const EXIST_CALLBACK = [
 
 export const DRAWER_FORM_ITEM_LAYOUT = {
   labelCol: {
-    span: 4,
+    span: 5,
   },
   wrapperCol: {
-    span: 19,
+    span: 18,
   },
 };