diff --git a/frontend/app/search/page.module.scss b/frontend/app/search/page.module.scss
index a33ea829f..80034441c 100644
--- a/frontend/app/search/page.module.scss
+++ b/frontend/app/search/page.module.scss
@@ -82,10 +82,26 @@
   top: 0;
   left: 0;
 
+  .main_message_wrapper {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    .main_message {
+      display: flex;
+      flex-direction: column;
+
+      .bolder {
+        font-weight: bold;
+      }
+    }
+  }
+
   .first_brain_button {
     position: absolute;
     right: Spacings.$spacing07;
-    top: Spacings.$spacing04;
+    top: Spacings.$spacing03;
     display: flex;
     gap: Spacings.$spacing05;
   }
diff --git a/frontend/app/search/page.tsx b/frontend/app/search/page.tsx
index dd6c74ad1..5c19e4bfd 100644
--- a/frontend/app/search/page.tsx
+++ b/frontend/app/search/page.tsx
@@ -82,27 +82,37 @@ const Search = (): JSX.Element => {
         <AddBrainModal />
         <OnboardingModal />
       </div>
-      {!isBrainCreationModalOpened &&
+      {(!isBrainCreationModalOpened &&
         !userIdentityData?.onboarded &&
-        !!isUserDataFetched && (
-          <div className={styles.onboarding_overlay}>
-            <div className={styles.first_brain_button}>
-              <MessageInfoBox type="tutorial">
+        !!isUserDataFetched) || (
+        <div className={styles.onboarding_overlay}>
+          <div className={styles.main_message_wrapper}>
+            <MessageInfoBox type="tutorial">
+              <div className={styles.main_message}>
+                <span>Welcome {userIdentityData?.username}!</span>
                 <span>
-                  Press the following button to create your first brain
+                  We will guide you through your quivr adventure and the
+                  creation of your first brain.
                 </span>
-              </MessageInfoBox>
-              <QuivrButton
-                iconName="brain"
-                label="Create Brain"
-                color="primary"
-                onClick={() => {
-                  setIsBrainCreationModalOpened(true);
-                }}
-              />
-            </div>
+                <span className={styles.bolder}>
+                  First, Press the Create Brain button on the top right corner
+                  to create your first brain.
+                </span>
+              </div>
+            </MessageInfoBox>
           </div>
-        )}
+          <div className={styles.first_brain_button}>
+            <QuivrButton
+              iconName="brain"
+              label="Create Brain"
+              color="primary"
+              onClick={() => {
+                setIsBrainCreationModalOpened(true);
+              }}
+            />
+          </div>
+        </div>
+      )}
     </>
   );
 };