diff --git a/packages/component/src/components/tour-modal/TourModal.tsx b/packages/component/src/components/tour-modal/TourModal.tsx
index 424c04ff7..396b19f79 100644
--- a/packages/component/src/components/tour-modal/TourModal.tsx
+++ b/packages/component/src/components/tour-modal/TourModal.tsx
@@ -27,7 +27,6 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
       open={open}
       onClose={handleClose}
       wrapperPosition={['center', 'center']}
-      hideBackdrop
     >
       <ModalWrapper width={545} height={442} data-testid="onboarding-modal">
         <ModalCloseButton
@@ -60,7 +59,7 @@ export const TourModal: FC<TourModalProps> = ({ open, onClose }) => {
                 onClick={() => setStep(1)}
                 data-testid="onboarding-modal-next-button"
               >
-                Next Tip Please !
+                Next
               </Button>
             </div>
           </div>
diff --git a/packages/component/src/components/tour-modal/index.css.ts b/packages/component/src/components/tour-modal/index.css.ts
index 10020b11b..ea74b2045 100644
--- a/packages/component/src/components/tour-modal/index.css.ts
+++ b/packages/component/src/components/tour-modal/index.css.ts
@@ -39,6 +39,6 @@ export const buttonStyle = style({
   padding: '4 20px',
   ':hover': {
     backgroundColor: 'var(--affine-primary-color)',
-    color: 'var(--affine-text-primary-color)',
+    color: 'var(--affine-white)',
   },
 });