diff --git a/packages/console/src/assets/docs/tutorial/integrate-sdk/android.mdx b/packages/console/src/assets/docs/tutorial/integrate-sdk/android.mdx
index 057bb7d17..1b89f5348 100644
--- a/packages/console/src/assets/docs/tutorial/integrate-sdk/android.mdx
+++ b/packages/console/src/assets/docs/tutorial/integrate-sdk/android.mdx
@@ -271,6 +271,7 @@ Notes:
   index={4}
   activeIndex={props.activeStepIndex}
   buttonText="admin_console.general.done"
+  buttonType="primary"
   onButtonClick={props.onComplete}
 >
 
diff --git a/packages/console/src/assets/docs/tutorial/integrate-sdk/android_zh-cn.mdx b/packages/console/src/assets/docs/tutorial/integrate-sdk/android_zh-cn.mdx
index 7d0ef199c..051d23d3d 100644
--- a/packages/console/src/assets/docs/tutorial/integrate-sdk/android_zh-cn.mdx
+++ b/packages/console/src/assets/docs/tutorial/integrate-sdk/android_zh-cn.mdx
@@ -271,6 +271,7 @@ logtoClient.signOut(logtoException -> {
   index={4}
   activeIndex={props.activeStepIndex}
   buttonText="admin_console.general.done"
+  buttonType="primary"
   onButtonClick={props.onComplete}
 >
 
diff --git a/packages/console/src/assets/docs/tutorial/integrate-sdk/ios.mdx b/packages/console/src/assets/docs/tutorial/integrate-sdk/ios.mdx
index 0e7d3c84a..239379e3b 100644
--- a/packages/console/src/assets/docs/tutorial/integrate-sdk/ios.mdx
+++ b/packages/console/src/assets/docs/tutorial/integrate-sdk/ios.mdx
@@ -105,6 +105,7 @@ await client.signOut()
   index={4}
   activeIndex={props.activeStepIndex}
   buttonText="admin_console.general.done"
+  buttonType="primary"
   onButtonClick={props.onComplete}
 >
 
diff --git a/packages/console/src/assets/docs/tutorial/integrate-sdk/react.mdx b/packages/console/src/assets/docs/tutorial/integrate-sdk/react.mdx
index 7fa16e971..411147a75 100644
--- a/packages/console/src/assets/docs/tutorial/integrate-sdk/react.mdx
+++ b/packages/console/src/assets/docs/tutorial/integrate-sdk/react.mdx
@@ -184,6 +184,7 @@ export default SignOutButton;
   index={4}
   activeIndex={props.activeStepIndex}
   buttonText="admin_console.general.done"
+  buttonType="primary"
   onButtonClick={props.onComplete}
 >
 
diff --git a/packages/console/src/assets/docs/tutorial/integrate-sdk/react_zh-cn.mdx b/packages/console/src/assets/docs/tutorial/integrate-sdk/react_zh-cn.mdx
index 5460ab177..4405b40ff 100644
--- a/packages/console/src/assets/docs/tutorial/integrate-sdk/react_zh-cn.mdx
+++ b/packages/console/src/assets/docs/tutorial/integrate-sdk/react_zh-cn.mdx
@@ -183,6 +183,8 @@ export default SignOutButton;
   subtitle="3 steps"
   index={4}
   activeIndex={props.activeStepIndex}
+  buttonText="admin_console.general.done"
+  buttonType="primary"
   onButtonClick={props.onComplete}
 >
 
diff --git a/packages/console/src/assets/docs/tutorial/integrate-sdk/vue.mdx b/packages/console/src/assets/docs/tutorial/integrate-sdk/vue.mdx
index 19a9d2f19..c3de4b574 100644
--- a/packages/console/src/assets/docs/tutorial/integrate-sdk/vue.mdx
+++ b/packages/console/src/assets/docs/tutorial/integrate-sdk/vue.mdx
@@ -179,6 +179,7 @@ const onClickSignOut = () => signOut('http://localhost:1234');
   index={4}
   activeIndex={props.activeStepIndex}
   buttonText="admin_console.general.done"
+  buttonType="primary"
   onButtonClick={props.onComplete}
 >
 
diff --git a/packages/console/src/assets/docs/tutorial/integrate-sdk/vue_zh-cn.mdx b/packages/console/src/assets/docs/tutorial/integrate-sdk/vue_zh-cn.mdx
index 04a3c88ae..4afa14fc1 100644
--- a/packages/console/src/assets/docs/tutorial/integrate-sdk/vue_zh-cn.mdx
+++ b/packages/console/src/assets/docs/tutorial/integrate-sdk/vue_zh-cn.mdx
@@ -152,6 +152,8 @@ const { isAuthenticated } = useLogto();
   subtitle="1 step"
   index={3}
   activeIndex={props.activeStepIndex}
+  buttonText="admin_console.general.done"
+  buttonType="primary"
   onButtonClick={() => props.onNext(4)}
 >
 
diff --git a/packages/console/src/mdx-components/Step/index.tsx b/packages/console/src/mdx-components/Step/index.tsx
index abc138cfc..c6afb53d6 100644
--- a/packages/console/src/mdx-components/Step/index.tsx
+++ b/packages/console/src/mdx-components/Step/index.tsx
@@ -20,6 +20,7 @@ type Props = PropsWithChildren<{
   activeIndex: number;
   buttonText?: I18nKey;
   buttonHtmlType?: 'submit' | 'button';
+  buttonType?: 'primary' | 'outline';
   isLoading?: boolean;
   onButtonClick?: () => void;
 }>;
@@ -32,6 +33,7 @@ const Step = ({
   activeIndex,
   buttonText = 'admin_console.general.next',
   buttonHtmlType = 'button',
+  buttonType = 'outline',
   isLoading,
   onButtonClick,
 }: Props) => {
@@ -78,7 +80,7 @@ const Step = ({
         {children}
         <div className={styles.buttonWrapper}>
           <Button
-            type="outline"
+            type={buttonType}
             size="large"
             isLoading={isLoading}
             htmlType={buttonHtmlType}
diff --git a/packages/console/src/pages/Connectors/components/Guide/index.tsx b/packages/console/src/pages/Connectors/components/Guide/index.tsx
index 0d4d66cc0..dc19277b9 100644
--- a/packages/console/src/pages/Connectors/components/Guide/index.tsx
+++ b/packages/console/src/pages/Connectors/components/Guide/index.tsx
@@ -102,6 +102,7 @@ const Guide = ({ connector, onClose }: Props) => {
                 activeIndex={0}
                 buttonText="admin_console.connectors.save_and_done"
                 buttonHtmlType="submit"
+                buttonType="primary"
                 isLoading={isSubmitting}
               >
                 <Controller