diff --git a/packages/nc-gui/components/dashboard/TreeView/Project/Home.vue b/packages/nc-gui/components/dashboard/TreeView/Project/Home.vue
index 5c8d93c014..9933c1147e 100644
--- a/packages/nc-gui/components/dashboard/TreeView/Project/Home.vue
+++ b/packages/nc-gui/components/dashboard/TreeView/Project/Home.vue
@@ -313,29 +313,29 @@ defineExpose({
         </a-input>
       </div>
 
-      <div
-        v-if="isUIAllowed('tableCreate', { roles: base.project_role, source: base?.sources?.[0] })"
-        class="flex items-center w-full p-1 xs:hidden"
-      >
-        <NcButton
-          type="text"
-          size="small"
-          full-width
-          class="nc-home-create-new-btn !text-brand-500 !hover:(text-brand-600) !xs:hidden w-full !px-3"
-          @click="addNewProjectChildEntity"
+      <div class="nc-project-home-section pt-1 xs:hidden flex flex-col gap-2">
+        <div
+          v-if="isUIAllowed('tableCreate', { roles: base.project_role, source: base?.sources?.[0] })"
+          class="flex items-center w-full"
         >
-          <div class="flex items-center gap-2">
-            <GeneralIcon icon="ncPlusCircleSolid" />
+          <NcButton
+            type="text"
+            size="small"
+            full-width
+            class="nc-home-create-new-btn !text-brand-500 !hover:(text-brand-600) !xs:hidden w-full !px-3"
+            @click="addNewProjectChildEntity"
+          >
+            <div class="flex items-center gap-2">
+              <GeneralIcon icon="ncPlusCircleSolid" />
 
-            {{
-              $t('general.createEntity', {
-                entity: $t('objects.table'),
-              })
-            }}
-          </div>
-        </NcButton>
-      </div>
-      <div class="nc-project-home-section pt-1 !xs:hidden">
+              {{
+                $t('general.createEntity', {
+                  entity: $t('objects.table'),
+                })
+              }}
+            </div>
+          </NcButton>
+        </div>
         <NcButton
           v-e="['c:base:home']"
           type="text"
diff --git a/packages/nc-gui/components/notification/Menu.vue b/packages/nc-gui/components/notification/Menu.vue
index bf20695cac..6d83cf1a3b 100644
--- a/packages/nc-gui/components/notification/Menu.vue
+++ b/packages/nc-gui/components/notification/Menu.vue
@@ -18,6 +18,7 @@ const isDropdownOpen = ref(false)
           active: isDropdownOpen,
         }"
         type="text"
+        data-testid="nc-sidebar-notification-btn"
       >
         <span
           v-if="unreadCount"
diff --git a/tests/playwright/pages/Dashboard/TreeView.ts b/tests/playwright/pages/Dashboard/TreeView.ts
index f4a5a43394..37fc4f3da4 100644
--- a/tests/playwright/pages/Dashboard/TreeView.ts
+++ b/tests/playwright/pages/Dashboard/TreeView.ts
@@ -9,6 +9,7 @@ export class TreeViewPage extends BasePage {
   readonly base: any;
   readonly quickImportButton: Locator;
   readonly createNewButton: Locator;
+  readonly miniSidebar: Locator;
 
   constructor(dashboard: DashboardPage, base: any) {
     super(dashboard.rootPage);
@@ -16,6 +17,7 @@ export class TreeViewPage extends BasePage {
     this.base = base;
     this.quickImportButton = dashboard.get().locator('.nc-import-menu');
     this.createNewButton = this.get().locator('.nc-home-create-new-btn');
+    this.miniSidebar = this.dashboard.get().getByTestId('nc-mini-sidebar');
   }
 
   get() {
@@ -38,6 +40,50 @@ export class TreeViewPage extends BasePage {
     return classAttr?.includes('nc-treeview-container-base-list') ?? false;
   }
 
+  async miniSidebarActionClick({
+    type,
+  }: {
+    type: 'ws' | 'base' | 'cmd-k' | 'teamAndSettings' | 'integration' | 'feeds' | 'notification' | 'userInfo';
+  }): Promise<boolean | void> {
+    if (!(await this.isNewSidebar())) return false;
+
+    await this.miniSidebar.waitFor();
+
+    switch (type) {
+      case 'ws': {
+        break;
+      }
+      case 'base': {
+        await this.miniSidebar.getByTestId('nc-sidebar-project-btn').click();
+        break;
+      }
+      case 'cmd-k': {
+        await this.miniSidebar.getByTestId('nc-sidebar-cmd-k-btn').click();
+        break;
+      }
+      case 'teamAndSettings': {
+        await this.miniSidebar.getByTestId('nc-sidebar-team-settings-btn').click();
+        break;
+      }
+      case 'integration': {
+        await this.miniSidebar.getByTestId('nc-sidebar-integrations-btn').click();
+        break;
+      }
+      case 'feeds': {
+        await this.miniSidebar.getByTestId('nc-sidebar-product-feed').click();
+        break;
+      }
+      case 'notification': {
+        await this.miniSidebar.getByTestId('nc-sidebar-notification-btn').click();
+        break;
+      }
+      case 'userInfo': {
+        await this.miniSidebar.getByTestId('nc-sidebar-userinfo').click();
+        break;
+      }
+    }
+  }
+
   getAddNewTableBtn({ baseTitle }: { baseTitle: string }) {
     return this.dashboard
       .get()
@@ -88,7 +134,12 @@ export class TreeViewPage extends BasePage {
   }
 
   async openBase({ title }: { title: string }) {
+    if (!(await this.isBaseListOpen())) {
+      await this.miniSidebarActionClick({ type: 'base' });
+    }
+
     const nodes = this.get().locator(`[data-testid="nc-sidebar-base-${title.toLowerCase()}"]`);
+    await nodes.waitFor();
     await nodes.click();
     return;
   }