diff --git a/apps/web/src/components/pure/help-island/index.tsx b/apps/web/src/components/pure/help-island/index.tsx
index 874478a83c..afa317d004 100644
--- a/apps/web/src/components/pure/help-island/index.tsx
+++ b/apps/web/src/components/pure/help-island/index.tsx
@@ -1,7 +1,7 @@
 import { MuiFade, Tooltip } from '@affine/component';
 import { config, getEnvironment } from '@affine/env';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
-import { CloseIcon, NewIcon } from '@blocksuite/icons';
+import { CloseIcon, NewIcon, UserGuideIcon } from '@blocksuite/icons';
 import { useAtom } from 'jotai';
 import { lazy, Suspense, useState } from 'react';
 
@@ -119,7 +119,7 @@ export const HelpIsland = ({
                   setOpenOnboarding(true);
                 }}
               >
-                <HelpIcon />
+                <UserGuideIcon />
               </StyledIconWrapper>
             </Tooltip>
           )}
diff --git a/packages/component/src/components/tour-modal/index.css.ts b/packages/component/src/components/tour-modal/index.css.ts
index 2b57246c26..2bc15b485b 100644
--- a/packages/component/src/components/tour-modal/index.css.ts
+++ b/packages/component/src/components/tour-modal/index.css.ts
@@ -190,3 +190,7 @@ export const tabContainerStyle = style({
   alignItems: 'center',
   justifyContent: 'center',
 });
+export const buttonDisableStyle = style({
+  cursor: 'not-allowed',
+  color: 'var(--affine-text-disable-color)',
+});
diff --git a/packages/component/src/components/tour-modal/tour-modal.tsx b/packages/component/src/components/tour-modal/tour-modal.tsx
index 15569bac3b..9bddd5375b 100644
--- a/packages/component/src/components/tour-modal/tour-modal.tsx
+++ b/packages/component/src/components/tour-modal/tour-modal.tsx
@@ -7,6 +7,7 @@ import { useState } from 'react';
 import { Modal, ModalCloseButton, ModalWrapper } from '../..';
 import {
   arrowStyle,
+  buttonDisableStyle,
   containerStyle,
   descriptionContainerStyle,
   descriptionStyle,
@@ -79,7 +80,7 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
 
           <div className={containerStyle}>
             <div
-              className={arrowStyle}
+              className={clsx(arrowStyle, { [buttonDisableStyle]: step !== 1 })}
               onClick={() => step === 1 && setStep(0)}
               data-testid="onboarding-modal-pre-button"
             >
@@ -118,7 +119,7 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
               </div>
             </div>
             <div
-              className={arrowStyle}
+              className={clsx(arrowStyle, { [buttonDisableStyle]: step === 1 })}
               onClick={() => setStep(1)}
               data-testid="onboarding-modal-next-button"
             >