diff --git a/config-ui/src/index.css b/config-ui/src/index.css
index c322bc785f7..a2d32515dd1 100644
--- a/config-ui/src/index.css
+++ b/config-ui/src/index.css
@@ -70,3 +70,8 @@ p {
 #root {
   height: 100vh;
 }
+
+
+.ant-tour-title {
+  padding-right: 28px;
+}
\ No newline at end of file
diff --git a/config-ui/src/routes/onboard/components/tour.tsx b/config-ui/src/routes/onboard/components/tour.tsx
index bac65ce67e1..5d780a2083f 100644
--- a/config-ui/src/routes/onboard/components/tour.tsx
+++ b/config-ui/src/routes/onboard/components/tour.tsx
@@ -18,8 +18,8 @@
 
 import { Tour } from 'antd';
 
-import { selectOnboard } from '@/features/onboard';
-import { useAppSelector } from '@/hooks';
+import { done as doneFuc, selectOnboard } from '@/features/onboard';
+import { useAppDispatch, useAppSelector } from '@/hooks';
 
 interface Props {
   nameRef: React.RefObject<HTMLInputElement>;
@@ -28,6 +28,7 @@ interface Props {
 }
 
 export const OnboardTour = ({ nameRef, connectionRef, configRef }: Props) => {
+  const dispatch = useAppDispatch();
   const { step, done } = useAppSelector(selectOnboard);
 
   const steps = [
@@ -53,5 +54,5 @@ export const OnboardTour = ({ nameRef, connectionRef, configRef }: Props) => {
     return null;
   }
 
-  return <Tour steps={steps} />;
+  return <Tour steps={steps} onClose={() => dispatch(doneFuc())} />;
 };